IE 6 doesn´t obey column width

marce
avatar
rank newbie

newbie


Posts: 8
Joined: 2007-10-27
Location: denmark

Posted: Thu, 2008-11-20 21:49

Hi there

I´m having trouble with a template for joomla:
http://migration.bagge-web.dk
The width for the right column is set to 150px,
but for some reason the width in IE6 is wider(!?)
It looks fine in FF and IE7. It simply doesn't
make sense, or does it?

soundscape
soundscape's picture
rank Enthusiast

Enthusiast


Posts: 135
Joined: 2007-10-18
Location: Kansas City Metro

The majority of us don't

Posted: Fri, 2008-11-21 05:37

The majority of us don't live in the dimension where IE6 makes sense. Don't worry, it's not you, it's IE6.

~Soundscape
www.kenlange.com
www.layoutlayoutlayout.com

marce
marce's picture
rank newbie

newbie


Posts: 8
Joined: 2007-10-27
Location: denmark

*** SOLVED ***

Posted: Sun, 2008-11-23 11:02

I solved my problem by appending this piece of code

<!--[if IE 6]>
<style type="text/css" media="all">
#col2 {width:140px;}
 
</style>
<![endif]-->

Does it make sense to me, no. Does it make sense to IE6, yes. Oh well, life goes on.

Hugo
Hugo's picture
rank Moderator

Moderator


Posts: 12860
Joined: 2004-06-06
Location: London

I'm afraid that this is no

Posted: Sun, 2008-11-23 12:35

I'm afraid that this is no solution, you have endevoured to cure the symptom without understanding the cause, this is a bad practise and leads to further problems.

The reason that the column appears wider in IE6 is likely due to you running foul of the 'Double Margin Bug' where IE will double the margin when it's proscribed for an edge in the same direction that the element is floated in i.e float right and margin right when the element abuts it's parent results in the margin being twice it's stated value.

Correct this by adding display:inline to the float and then remove that CC width adjustment.

By the way I note that you have used an ID twice in the same page; an Id may only be used once per page so you will need to change one of them to a class.

Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me