Hi,
Ich will ein cotaner mit fester Breite und einer variablen Höhe so das die Border über die gesamte Höhe geht, das klappt allerdings nur im IE, im FF ist die Border nicht über die gesamte Höhe. Hier mal der Code
Ich will ein cotaner mit fester Breite und einer variablen Höhe so das die Border über die gesamte Höhe geht, das klappt allerdings nur im IE, im FF ist die Border nicht über die gesamte Höhe. Hier mal der Code
Code:
body, html {
margin : 0;
padding : 0;
background-image : url(../img/background.jpg);
background-repeat : repeat-x;
}
/*navigation*/
#menu_tab {
width : 1000px;
height : 50px;
background-color : #fff;
}
ul.menu {
font-family : Arial, Helvetica, sans-serif;
list-style-type : none;
float : left;
display : block;
width : 1000px;
margin : 0;
padding : 0;
background : url(../img/menu_bg.gif) repeat-x;
}
ul.menu li {
display : inline;
font-size : 11px;
font-weight : bold;
line-height : 50px;
}
ul.menu li.line {
display : inline;
width : 2px;
height : 50px;
float : left;
background : url(../img/menu_divider.gif) no-repeat center;
}
a.nav1:link, a.nav1:visited {
display : block;
float : left;
padding : 0 8px 0 22px;
margin : 0 14px 0 14px;
height : 50px;
text-decoration : none;
background : url(../img/home.png) no-repeat left;
color : #676d77;
}
a.nav2:link, a.nav2:visited {
display : block;
float : left;
padding : 0 8px 0 22px;
margin : 0 14px 0 14px;
height : 50px;
text-decoration : none;
background : url(../img/produkte.png) no-repeat left;
color : #676d77;
}
a.nav3:link, a.nav3:visited {
display : block;
float : left;
padding : 0 8px 0 22px;
margin : 0 14px 0 14px;
height : 50px;
text-decoration : none;
background : url(../img/referenzen.png) no-repeat left;
color : #676d77;
}
a.nav4:link, a.nav4:visited {
display : block;
float : left;
padding : 0 8px 0 22px;
margin : 0 14px 0 14px;
height : 50px;
text-decoration : none;
background : url(../img/carhifi.png) no-repeat left;
color : #676d77;
}
a.nav5:link, a.nav5:visited {
display : block;
float : left;
padding : 0 8px 0 22px;
margin : 0 14px 0 14px;
height : 50px;
text-decoration : none;
background : url(../img/kontakt.png) no-repeat left;
color : #676d77;
}
a.nav6:link, a.nav6:visited {
display : block;
float : left;
padding : 0 8px 0 22px;
margin : 0 14px 0 14px;
height : 50px;
text-decoration : none;
background : url(../img/impressum.png) no-repeat left;
color : #676d77;
}
a.nav1:hover, a.nav2:hover, a.nav3:hover, a.nav4:hover, a.nav5:hover, a.nav6:hover {
color : #333333;
text-decoration : overline;
}
/*end navigation*/
div#container {
border-left : 1px solid #fff;
border-right : 1px solid #fff;
position : relative;
margin : 0 auto;
width : 1000px;
min-height : 100%;
height : auto !important;
height : 100%;
}
div#container p {
width : 900px;
text-align : justify;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
padding : 80px 50px;
}
HTML:
<body><div id="container">
<img src="img/header1.jpg" width="1000" height="197" alt="header" />
<ul class="menu">
<li><a href="index.html" class="nav1">Home</a></li>
<li class="line"> </li>
<li><a href="#" class="nav2">Leistung</a></li>
<li class="line"> </li>
<li><a href="#" class="nav3">Referenzen</a></li>
<li class="line"> </li>
<li><a href="#" class="nav4">Car Hifi</a></li>
<li class="line"> </li>
<li><a href="#" class="nav5">Kontakt</a></li>
<li class="line"> </li>
<li><a href="impressum.html" class="nav6">Impressum</a></li>
<li class="line"> </li>
</ul>
<p class="p">TEXT</p>
</div>
</body>
</html>
