Positionering af layers, problem i IE5
Har et "dejligt" problem med layers på min side - eksempel kan ses på http://www.ecotrek.org/photo/nagano_image15/ - problemet vil være synligt i en IE 5 (evt 5.5)Problemet består i, at jeg i min site opbygning har anvendt en række layers, hvor nogle er positioneret præcist, mens andre er angivet således den tilpasser sig sidens bredde. Dette virker fint hver for sig men ikke sammen. Efter en længere test periode, har jeg fået det til at stå ordentligt i både IE6 og Mozilla 1.5 på Windows platformen.
Jeg har i min css angivet mit layer "content" med følgende opbygning
#content {
margin:10px 10px 0px 385px;
z-index: 7;
color : #363636;
font-family : "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align : justify;
font-size: 100%;
}
hvor margins er sat for at give mig den ønskede effekt med at bredden på layeret er browserens bredde, minus 10px i hver side. Top margin 10px undrer mig, for den er så relativ til layeret "title" angivet anderledes med
#title {
position: absolute;
top: 99px;
left: 380px;
width: 300px;
height: 60px;
z-index: 7;
vertical-align: middle;
}
Dette "forstår" de nye browsere også fint, mens IE5 viser "content" layeret 10px fra toppen af vinduet (egentlig den funktionalitet jeg havde forventet)
Findes der en god workaround på problemet, således jeg også kan få min side vist ordentligt i IE5 browseren ? og hvorfor er det umiddelbart at content er relativ til title og ikke til vinduet som mine andre layers ?
/ Lars
