Textpattern CMS

#1 2009-12-31 09:14:22

Gallex

Member

Registered: 2006-10-08

Posts: 1,308

IE6 again

i have homepage with 4 columns . not much surprisingly in IE6 the last banner (forsten) of a fourth column (#sidebar-2) floats to third column.
tried this and that but with any success… i’m out of ideas. have anybody?

#2 2010-01-01 12:14:20

Gallex

Member

Registered: 2006-10-08

Posts: 1,308

Re: IE6 again

wierd, but in IE5 it displays the last banner correctly :)
but still haven’t found a solution for IE6…

#3 2010-01-01 13:54:52

pogonik

Member

Registered: 2008-03-20

Posts: 40

Website

Re: IE6 again

Sounds to me like a float-margins problem…IE6 (for some wierd reason) doubles margins to floating elements.
What you can do is to make separate css style for IE6

for example, put in head of doc
<!--[if IE 6]> <link href="ie6.css" rel="stylesheet" type="text/css"> <![endif]-->
and in ie6.css make smaller margins to floating elements you have problem with.

Better solution is to give
display:inline;
to all elements that are floating (except for those you not having problem with like menu, etc.)

This is why I’m always using some css framework, like 960 or blueprint. it saves you time and nerves ;-)

hope this helps

#4 2010-01-02 08:54:00

Gallex

Member

Registered: 2006-10-08

Posts: 1,308

Re: IE6 again

pogonik wrote:

Sounds to me like a float-margins problem…IE6 (for some wierd reason) doubles margins to floating elements.
and in ie6.css make smaller margins to floating elements you have problem with.

Better solution is to give display:inline;
to all elements that are floating (except for those you not having problem with like menu, etc.)

display:inline; didn’t help.
cut down the the fourth column width on 5 pixels and it helped

Last edited by Gallex (2010-01-07 14:29:29)