2 replies [Last post]
byates
Offline
newbie
Lancaster
Last seen: 12 years 5 weeks ago
Lancaster
Joined: 2007-02-05
Posts: 10
Points: 0

Hi guys,

I am just in the process of putting together a new css layout. The code and css validates fine, however one slight problem occurs in IE6.

Basically the main image is being forced below the menu div which is floated right, even though I have allowed enough room for both items in the containing div. There is also a slight gap beneath the image in IE6 which I think may be connected to this problem.

Could someone take a quick look please?

The url is: http://www.ben-yates.co.uk/includes/index.html

The layout works fine in Firefox 2.

Thanks, Ben.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 25 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

It's because of IE<=6's

It's because of IE<=6's 3-pixel gap. You need:

#navigation img { margin-right: -3px }

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

byates
Offline
newbie
Lancaster
Last seen: 12 years 5 weeks ago
Lancaster
Joined: 2007-02-05
Posts: 10
Points: 0

Thanks for that Tyssen,

Thanks for that Tyssen, problem solved!

Ben.