Hey there,
Instead of using a margin-top, append this:
#content {
margin: 0 0 0 160px; padding: 62px 0 16px 15px;
position: relative;
top: 42px;
}
Also, instead of giving the paragraphs a width and triggering another
IE 6 bug, you could just use paddings:
#content p {
width: auto;
margin-left: 30px;
padding: 0 120px 0 0;
text-align: justify;
}
Regards
-----
Mustafa Quilon
2009/4/17 d.williams <[email protected]>:
> Hi all,
>
> I could use help figuring out what the heck is going on in IE6 and 7
> for this page:
>
> http://distantelegy.net/clients/ebip
>
> I need to be able to push div#content down, which is easily
> accomplished with margin-top in all other browsers. Nothing I do seems
> to move that sucker down and I think it's because of hasLayout.
>
> If I specify with: auto instead of width: 560px, the margin-top
> immediately works and the box drops down, clearing the image, etc. But
> when I do that a whole new set of problems start, like for some reason
> the first two paragraphs start to have a white background color. But
> only the first two paragraphs, the third one is fine! (WTF!?) And the
> background image decides to display 160px to the left. But only on the
> index page; on the other pages, it loads in the right place! (WTF!?)
> If I add zoom: 1 to the paragraphs, it fixes the background-color
> thing, but when I do that, the top paragraph has a totally different
> width and margin than the other two paragraphs. (WTF!?)
>
> So, anyway, I'm confused as hell and I don't know how to fix one thing
> without causing the other weird dominoes to fall. Any help would be
> greatly appreciated!
>
> If you load the page in IE6/7, you'll see the regular version. I've
> added an IE stylesheet that implements the width: auto and some other
> things, which you can trigger using the "Show IE styles" link in the
> top left. You'll have to click this for every page, unfortunately,
> since I didn't want to re-write every single link to include
> ieStyle=true.
>
> Thanks so much in advance!
>
> Danny
> ______________________________________________________________________
> css-discuss [[email protected]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
