hallo erst mal.
Ich hab das problem dass ich eine relativ positionierte liste ausserhalb eines Containers haben will im source code hab ich das auch so drinn nur gehts nicht kann mir wer helfen?
Bereits versucht:
Danke schon im voraus
Lg devilseye
Ich hab das problem dass ich eine relativ positionierte liste ausserhalb eines Containers haben will im source code hab ich das auch so drinn nur gehts nicht kann mir wer helfen?
HTML:
<!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>listen</title>
<style type="text/css">
* {
margin: 0px ;
padding: 0px ;
}
body {
width: 900px ;
background:#000 url(bg1.gif) repeat fixed;
margin: 0 auto ;
padding-left: 100px;
}
h1 a img {
border: none;
position:absolute;
top: 20px;
left: 20px;
}
#head {
width: 100%;
height: 100px ;
position: relative ;
}
#head ul#main {
margin-top: 70px ;
list-style-type: none ;
font-family:Verdana, Geneva, sans-serif;
font-size: 16px ;
float: left ;
}
li {
border-width: 1px ;
height: 30px ;
width: 100px ;
line-height: 29px ;
color: #000 ;
display: block ;
}
#main li.main {
float:left;
}
li:hover {
background-color:#999 ;
color: #F9DED6 ;
}
.sub {
position: absolute ;
top: 100px ;
left: auto ;
visibility: hidden ;
z-index: 500 ;
}
#main li.main:hover .sub {
visibility: visible ;
}
#main {
width: 100% ;
min-height: 400px ;
background-color: #FFF ;
margin-top: 30px ;
clear:both;
}
</style>
</head>
<body>
<h1><a href="#"><img src="title.png" /></a></h1>
<div id="head">
<ul id="main">
<li class="main">Home</li>
<li class="main">Lebenslauf
<ul class="sub">
<li>Projekt 1</li>
<li>Projekt 2</li>
</ul></li>
<li class="main">Projekte
<ul class="sub">
<li>Projekt 1</li>
<li>Projekt 2</li>
<li>Projekt 3</li>
</ul></li>
<li class="main">Kontakt</li>
</ul>
</div>
<div id="main"></div>
</body>
</html>Ich hab den header schon in einen weiteren, nicht positionierten container gepackt.
Ich hab auch schon den kompletten head container entfernt.
clear: both ; hab ich nachträglich eingetragen geht also auch nicht ohne
------------------------------------------------------------------------------------------------Ich hab auch schon den kompletten head container entfernt.
clear: both ; hab ich nachträglich eingetragen geht also auch nicht ohne
Danke schon im voraus
Lg devilseye
