Pixelfehler zwischen Header/Footer und Img des Wrapper
Hallo Community,
mein erstes Projekt ist soweit fertig. Horizontale Navi geht, alles ist schön. ABER: ist man auf der letzten im Menü angezeigten Seite habe ich einen 1px breiten Streifen vertikal zwischen Header/Footer und dem Hintergrundbild des Wrapper. Woran kann des liegen?
Hier mal mein Steylesheet:
.mod_navigation a
{
font-size:11px;
color:#fcffc4;
text-decoration:none;
}
.mod_navigation ul
{
width:950px;
height:30px;
margin-top:65px;
background:url("tl_files/ABD-Styles/bg_navigation.png") left top repeat-x;
list-style-type:none;
}
.mod_navigation li
{
width:130px;
height:30px;
float:left;
padding-left:1em;
border-left:1px solid #ffffff;
font-family:Arial;
color:#ffffff;
line-height:30px;
text-style-type:none;
}
#main
{
margin:0;
padding-right:50px;
padding-left:50px;
}
.footer
{
margin-right:25px;
margin-left:25px;
text-align:right;
background-color:#ff9d17;
font-family:arial;
font-size:12px;
color:#002fff;
line-height:30px;
}
#wrapper
{
background:url("tl_files/ABD-Styles/backgroundimage.png") center top repeat-y;
}
#header
{
margin-top:10px;
margin-right:25px;
margin-left:25px;
background-color:#ff9d17;
background-image:url("tl_files/ABD-Styles/logo.png");
}
