Und zwar hab ich zwei Probleme mit meiner Homepage.
div#main
{
width:1000px;
height:1200px;
z-index:1;
background-color:#000000;
}
div#header
{
background-image:url(theme-bg.jpg);
z-index:2;
height:180px;
border:solid #999999 1px;
}
div#left
{
float:left;
width:239px;
margin-right:10px;
margin-top:5px;
z-index:2;
background-image:url(left.jpg);
background-color:#000000;
height:1011px;
border-right:solid #999999 1px;
border-left:solid #999999 1px;
border-bottom:solid #999999 1px;
}
div#right
{
float:right;
width:239px;
height:1011px;
margin-left:10px;
margin-top:5px;
z-index:2;
background-image:url(right.jpg);
border:solid #999999 1px;
}
div#center
{
height:1011px;
margin-top:5px;
z-index:2;
left:251px;
}
div#inhalt
{
margin:5px 5px 5px 5px;
background-color:white;
z-index:1;
height:800px;
position:inherit;
}
div#nav {
margin-left:12px;
}
<div id="main">
<div id="header"> </div>
<div id="left">
<div id="nav">
</div>
</div>
<div id="right"> </div>
<div id="center">
<div id="inhalt">
</div>
</div>
Dem Aufbau nach müsste der div "inhalt" innerhalb des div's "center" liegen, und die Breite abzüglich der Margins einnehmen.
Das tut er allerdings nur unter Internetexplorer7(getestet) unter Firefox nimmt der div den kompletten ihm in "main" zugewiesenen Platz ein.
Dafür nimmt der Ie von meiner Tabelle kein Margin entgegen.
<table width="240" height="400"border="1" cellspacing="0" align="left" cellpadding="1" style="margin-left:0px;margin-right:5px;" bordercolor="black" >
Und ja, ich weiß,dass der Code relativ unsauber ist, ich hab viel herumprobiert bis es so aussah, wie es mir gefallen hat :o
Weiß jemand Rat? Schonmal im Vorraus Danke.