Images won't align correctly - Page 1

User 55304 Photo


Registered User
72 posts

Can any one please advice,

I have created the following website, but I am having problems with the images displaying correctly in IE8. They work in compatability mode but not in normal mode

Please can anyone suggest how to align images in normal mode IE8

Many thanks
User 55304 Photo


Registered User
72 posts

sorry folks the website url with page displaying incorrectly is

http://www.superyachtshipping.com/quote_8.html
User 122279 Photo


Senior Advisor
14,649 posts
Online Now

I'm viewing the page with ff4 and ie9, and I see clearly that the left image is smaller than the right one. If you make them the same height, they will allign.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 55304 Photo


Registered User
72 posts

Hi Inger,
It is not the size that worries me, it is the fact that all three images should display in a row. BUT in IE8 the right images drops underneath the centered image and looks awful.

Are they displayed in a row in IE9
User 122279 Photo


Senior Advisor
14,649 posts
Online Now

They are indeed in one row, and I was also able to view them in IE8, and they were in one row there too.

You probably have a little icon that looks like a paper torn in two, that is the compatability mode. Try clicking that one.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 55304 Photo


Registered User
72 posts

Thanks Inger,

But when I click the icon that looks like a torn paperclip. That is when the problem arrived ..... the right image then drops underneath the center image.

User 422767 Photo


Registered User
259 posts

I think it's due to the default valign (if valign isn't set in the html) being different between browsers.

If you set the valign attribute, your problem should magically disappear. :)
Aren't you a little short for a Storm Trooper?
User 1948478 Photo


Senior Advisor
1,850 posts

The images are placed in a single-cell table having a width of 1000px, but the cell has a specified width of 199px. The browsers are overriding this error, but inconsistencies like that can cause some unpredictable results in some browsers, so I would suggest removing the cell width specification.
In FF and Chrome, the center image (the logo) is not properly centered, which could be caused by the width statement. The vertical alignment looks fine in Chrome, IE9, Opera and FF (all latest builds).
The vertical alignment ("valign") is set to "middle" in the cell, but this seems to be ignored by the browsers and the images are aligned at the top.
User 122279 Photo


Senior Advisor
14,649 posts
Online Now

I had just come to the same conclusion, that the cell width is lacking a third '9' perhaps.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 55304 Photo


Registered User
72 posts

I have resolved it folks, I corrected the cell alignment as suggested, but this made no difference but did then lead me to add three cells into the table.

This has resolved the problem.

Many thanks for looking and advising.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.