[CSS] 100% width geeft 2 vreemde regels

[Verwijderd]

Hmm ik heb nu deze CSS die hieronder staat die ook werkt met lists ipv divs. Nu werkt het bijna perfect alleen is er 1 probleem. Als ik de hoogte op AUTO instel zie ik echter niet de bovenkant van mn BG image. Wanneer ik deze hoogte statisch defineer klopt mijn layout niet meer:

Zie hieronder voor voorbeeld:
http://img135.imageshack.us/img135/3221/tabspw5.jpg

Zonder height attribuut doet hij het trouwens wel netjes plaatsen dus ik vind het een beetje vreemd:
http://img339.imageshack....295/tabsnoneheightiw5.jpg


* Page tabs */
#tabcontainer{
float:left;
text-align: center;
width: 100%;
padding:0;
margin:0;
}
#tabcontainer li{
float:left;
padding:0;
margin:0;
height:30px;

}
#tabcontainer ul {
list-style:none;
padding:0;
margin:0;
}
.tabselected{
background-position: bottom center;
background-image: url('Images/Tab_Select_Middle.gif');
background-repeat: repeat-x;
padding:0;
margin:0;
color: #800000;
font-size: 18px;

}
.tabselectedleftedge{
background-position: bottom center;
background-image: url('Images/Tab_Select_EdgeEndLeft.gif');
background-repeat: no-repeat;
width:12px;
padding:0;
margin:0;
}
.tabselectedrightedge{
background-position: bottom center;
background-image: url('Images/Tab_Select_EdgeEndRight.gif');
background-repeat: no-repeat;
width:12px;
padding:0;
margin:0;
}
.tabselectedleft{
background-position: bottom center;
background-image: url('Images/Tab_Select_EdgeLeft.gif');
background-repeat: no-repeat;
width:21px;
padding:0;
margin:0;
}
.tabselectedright{
background-position: bottom center;
background-image: url('Images/Tab_Select_EdgeRight.gif');
background-repeat: no-repeat;
width:21px;
padding:0;
margin:0;
}
.tabunselected{
background-position: bottom center;
background-image: url('Images/Tab_UnSelect_Middle.gif');
background-repeat: repeat-x;
padding:0;
margin:0;
color: #800000;
font-size: 18px;
}
.tabunselectedleftedge{
background-position: bottom center;
background-image: url('Images/Tab_UnSelect_EdgeEndLeft.gif');
background-repeat: no-repeat;
width:12px;
padding:0;
margin:0;
}
.tabunselectedrightedge{
background-position: bottom center;
background-image: url('Images/Tab_UnSelect_EdgeEndRight.gif');
background-repeat: no-repeat;
width:10px;
padding:0;
margin:0;
}
.tabunselectedleft{
background-position: bottom center;
background-image: url('Images/Tab_UnSelect_EdgeLeft.gif');
background-repeat: no-repeat;
width:20px;
padding:0;
margin:0;
}
.tabunselectedright{
background-position: bottom center;
background-image: url('Images/Tab_UnSelect_EdgeRight.gif');
background-repeat: no-repeat;
width:20px;
padding:0;
margin:0;
}

[RobIII]

Als je code post, gebruik dan code tags. Daarbij zou het handig zijn als je enkel relevante CSS post én de daarbij behorende HTML. En tot slot zien we hier graag wat je zelf al hebt geprobeerd (zie ook onze Quickstart). Nu omschrijf je je probleem, dumpt er 2 plaatjes en een bak CSS bij en mogen wij gaan speuren? Dat valt onder Kan iemand even...?

[ Voor 21% gewijzigd door RobIII op 09-04-2008 11:44 ]