Do you have a question? Post it now! No Registration Necessary. Now with pictures!
- Posted on
- Floats in IE6
October 20, 2007, 12:07 am
rate this thread
I have this site (http://solutions-linux.org /) for which I have 3 DIVs
with absolute widths floating against each other. It renders fine
under IE7, Firefox, Opera and Safari, but the rightmost DIV collapses
I read that this is due to the fact that IE6 adds margins to DIVs or
something, but not sure really. I had this problem on an other site,
but was in too much of an hurry and just reduced to width of the one
containing the text so the 3 DIVs have a place for sure against each
other. But for this site, I would like to fix the problem for real
since the text column is already narrow enough. Do you people know
which CSS property do IE6 gives to DIVs? What to I have to change to
It's hard to try things out since I'm on Linux and I don't have IE6
handy to test it out.
Thanks in advance.
Re: Floats in IE6
Caused by the 50% left margin on the a.lien-nouvelles.
Instead of using a 50% left margin, float it right, and then give it
the right padding in pixels that you want.
Then set clear:both on the hr below it.
Alternatively, wrap the a element in a p, and set text-align:right on
The next problem is the hr itself: you want it to be centered, but IE6
shows it left aligned. This is because of the text-align:left on the
#content, the parent of #nouvelles.
Wrap it in a div with text-align:center, or set text-align:center on
the div#nouvelles, and then set text-align:left on the paragraphs and
Els http://locusmeus.com /
- » CompuTalk.net: CompuTalk - Free Forum Hosting - Great Computer Talk
- — Next thread in » Webmaster Forum
- » test for free the first software to optimize adwords
- — Previous thread in » Webmaster Forum