Hallo,
ich habe mich jetzt mal dazu entschlossen mir wieder eine eigene Seite zu bauen.
Ich habe ein Layout was sich der Bildschirmgröße anpassen soll.
die Stylesheet angaben sehen so aus:
Code:
*{
margin:0;
padding:0;
}
html,body{
overflow:hidden;
height:100%;
}
#menu{
background-image:url(linkstop.jpg);
width:265px;
height:1000px;
}
#left{
background-image:url(linkskachel.jpg);
float:left;
height:100%;
}
#topleft{
background-image:url(topleft.jpg);
background-position:left top;
background-repeat:no-repeat;
float:left;
height:135px;
width:118px;
}
#topcenter{
background-image:url(topcenter.jpg);
width:100%;
}
#topright{
background-image:url(topright.jpg);
background-position:right top;
background-repeat:no-repeat;
height:135px;
}
#centerleft{
background-image:url(centerleft.jpg);
background-position:left top;
background-repeat:repeat-y;
float:left;
width:580px;
height:100%;
}
#centercenter{
background-image:url(centercenter.jpg);
height:100%;
}
#centerright{
background-image:url(centerright.jpg);
background-position:right top;
background-repeat:repeat-y;
height:100%;
}
und der dazu gehörige HTML-Code so:
Zitat:
<body>
<div id="left">
<div id="menu">
</div>
</div>
<div id="topcenter">
<div id="topleft">
</div>
<div id="topright">
</div>
</div>
<div id="centercenter">
<div id="centerleft">
</div>
<div id="centerright">
</div>
</div>
</body>
|
Das Problem ist, dass der Firefox alles richtig darstellt und im IE einige der divs nicht dargestellt werden. Ich vermute es liegt an der width:100%.
Vieleicht erkennt ja jemand das Problem mittels des Codes. Habe die Page bislang nur aufm Lokalhost liegen
Danke schonmal im Vorraus.