sees community!
hab mal wieder ein problem mit css, besser mit dem ie6!
also ich hab hier ein forum das ist in einer tabelle und diese befindet sich in einem div-layer.
im mozilla funktioniert das ganze wunderbar:
die tabelle hat 100% und nimmt sich auch wirklich nur die 100% des übergeordneten divs.
im ie schaut das ganze etwas anders aus:
hier nimmt sich die tabelle 100% des browserfensters, jedenfalls wenn ich das richtig erkannt habe.
wär wunderbar wenn jmd. mal ein ähnliches prob hatte und mir weiterhelfen kann, oder es vielleicht sogar auf anhieb sieht, was ich falsch mache.
erstmal zwei screenshots:
und hier der code
CSS
hab mal wieder ein problem mit css, besser mit dem ie6!
also ich hab hier ein forum das ist in einer tabelle und diese befindet sich in einem div-layer.
im mozilla funktioniert das ganze wunderbar:
die tabelle hat 100% und nimmt sich auch wirklich nur die 100% des übergeordneten divs.
im ie schaut das ganze etwas anders aus:
hier nimmt sich die tabelle 100% des browserfensters, jedenfalls wenn ich das richtig erkannt habe.
wär wunderbar wenn jmd. mal ein ähnliches prob hatte und mir weiterhelfen kann, oder es vielleicht sogar auf anhieb sieht, was ich falsch mache.
erstmal zwei screenshots:
und hier der code
Code:
<body>
<div id="header_nr4">
<div id="logo">
<img src="images/logo.jpg" />
</div>
<div id="headerlinks">
<img src="images/headerlinks.jpg" />
</div>
</div>
<div id="nav_nr4">
navigation
</div>
<div id="main">
HIER KOMMT DANN DIE TABELLE (width: 100%)
</div>
</body>
CSS
Code:
* {
margin: 0;
padding: 0;
}
html {
background: transparent url(images/htmlbg.jpg) repeat-x top;
}
body {
margin: 0;
padding: 0;
text-align: center;
background: transparent url(images/bottom_center.jpg) repeat-x bottom;
}
#header_nr4 {
background: transparent url(images/headerbg.jpg) repeat-x;
width: 100%;
height: 115px;
float: none;
}
#logo {
float: left;
}
#headerlinks {
float: right;
}
#nav_nr4 {
background: transparent url(images/nav.jpg) repeat-x;
float: none;
height: 40px;
margin-left: 25px;
margin-right: 25px;
}
#main {
margin-left: 25px;
margin-right: 25px;
background: transparent url(images/bottom_center.jpg) repeat-x bottom;
background-color: #FFFFFF
}