Tweet
Problem mit Div:100%...[HELP]
Hallo....habe ein Problem mit meiner Site..also an der linken seite soll die das schwarze div element bis nach unten gehen also ebend 100%..aber i-wie geht das nicht..könnt ihr mir helfen?? Hier erst ma weiter Infos..
HTML-Code
Hier der CSS-Code vom Layout
Und das der Code fürs Aufklappmenü und dem Menü
Und der Link zur Seite:
Ich hoffe ihr könnt mir helfen... :-)
Bis denne
Edit (autom. Beitragszusammenführung):
ich glaube es hat -iwas mit dem hier zu tun..mehr weiß ich aber auch nicht....
HTML-Code
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Willkommen</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <link href="css/dropdownmenu.css" rel="stylesheet" type="text/css" /> <!--[if IE]> <style type="text/css" media="screen"> #menu ul li {float: left; width: 100%;} </style> <![endif]--> <!--[if lt IE 7]> <style type="text/css" media="screen"> body {behavior: url(csshover.htc); font-size: 100%;} #menu ul li a {height: 1%;} } </style> <![endif]--> </head> <body> <div id="header"> <div class="Titel">Marvin Schlusen</div> <div class="untertitel">barrierefreies Webdesign und Layout-Bearbeitung</div> </div> <div id="header_infobox" ></div> <div id="left"> <div id="menu"> <ul> <li> <ul> <li><a href="#">Home</a></li> <li><a href="#">Über Mich</a></li> <li><a href="#">News</a></li> <li class="menu_further"><a href="#" >Hobbys</a> <ul> <li><a href="#">Webgestaltung</a></li> <li><a href="#">Grafikbearbeitung</a></li> <li><a href="#">Modellbau</a></li> </ul> </li> <li class="menu_further"><a href="#" >Gallerie</a> <ul> <li><a href="#">Web</a></li> <li><a href="#">Modellbau</a></li> </ul> </li> <li><a href="#">Gästebuch</a></li> <li><a href="#">Kontakt</a></li> </ul> </li> </ul> </div> </div> </body> </html>
HTML-Code:
body{
margin:0px;
overflow:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.Titel{
font-size:30px;
text-decoration:underline;
letter-spacing:30px;
padding-top:20px;
}
.menu_further{
background-image:url(../img/pfeil.png);
background-repeat:no-repeat ;
background-position:right;
}
.time{
font-size:12px;
text-align:center;
padding-top:2px;
}
.Menü{
font-size:17px;
text-decoration:underline;
letter-spacing:6px;
text-align:center;
padding-bottom:15px;
}
.untertitel{
font-size:12px;
letter-spacing:5px;
padding-top:10px;
}
#header{
width:auto;
height:100px;
margin:auto;
text-align:center;
background-image:url(../img/header.png);
border-bottom:1px solid #333333;
position:relative;
}
#header_infobox{
width:auto;
height:20px;
margin:auto;
background-color:#DDDDDD;
}
#left{
width:210px;
height:100%;
background-color:#000000;
}
#content{
width:400px;
height:auto;
margin-left:200px;
background-image:url(../img/navi.png);
cursor:pointer;
}
#right{
width:200px;
height:auto;
float:left;
background-image:url(../img/navi.png);
cursor:pointer;
}
HTML-Code:
#menu {
width:200px;
}
.a{
font:normal normal bold 0.93em "Cenrury Gothic",Helvetica,Arial,sans-serif;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu a, #menu h2 {
font:Verdana, Arial, Helvetica, sans-serif 12px ;
font-weight:bold;
display: block;
margin: 0;
padding-left:20px;
}
#menu a {
color: #000000;
background: #B8C4D0;
text-decoration: none;
height:25px;
border-top:1px solid #bfcdd6; border-bottom:1px solid #9dabb6;
font:normal normal bold 0.93em "Cenrury Gothic",Helvetica,Arial,sans-serif;
}
#menu a:hover {
color: #000000;
background: #B3BEC2;
height:25px;
border-left-color:#abbac1; background:#b3bec2;
}
#menu li {
position: relative;
}
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}
div#menu ul ul ul, div#menu ul ul li:hover ul ul {
display: none;
}
div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {
display: block;
}
Ich hoffe ihr könnt mir helfen... :-)
Bis denne
Edit (autom. Beitragszusammenführung):
ich glaube es hat -iwas mit dem hier zu tun..mehr weiß ich aber auch nicht....
HTML-Code:
#menu li {
position: relative;
}
Kommentar