Göldi wrote:
> Hi all
>
> Is the order of the tags relevant when positioning some of them "absolute"?
>
> Look here:
> http://allesneumachtdermai.wallisellerlauf.ch/
>
> In the html-file, the <div id="breadcrumb"> (css-position: static) is
> placed *after* the <div id="menu-top"> (css-position: absolute).
> Effect in IE 6/7 is that the margin-top of the "breadcrumb" does not
> take effect (in good browsers it looks like expected).
> When I dislocate the "top-menu"-div to the end of the body, also in IE
> 6/7 the site shows like expected.
>
> Is that a bug in IE6/7 or do other browsers behave tolerantly to such
> mixtures of absolute/static positioning?
>
> Cheers!
> -Peter
Hello Peter.
This is a bug with IE6 and IE7. Georg has mentioned a fix by inserting a
<br /> between the problem elements.
Another way to fix this is to remove the hasLayout trigger from the
div#breadcrumb.
#breadcrumb {
background: transparent url(../images/bg_breadcrumb.png) no-repeat;
margin: 162px 0 0 36px;
height: 16px; /* hasLayout, triggers bug */
font-size: 70%;
color: #fff;
line-height: 16px;
}
A refined test case appears here.
<http://css-class.com/test/bugs/ie/haslayout-margin-abpos.htm>
Never seen this bug before (what is new).
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
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/
