frage

html.de-Forum HTML, XHTML & CSS
1

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?

[HTML]

listen * { 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; }

  • Home
  • Lebenslauf
    • Projekt 1
    • Projekt 2
  • Projekte
    • Projekt 1
    • Projekt 2
    • Projekt 3
  • Kontakt
[/HTML]Bereits versucht: [INDENT]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
[/INDENT]------------------------------------------------------------------------------------------------

Danke schon im voraus

Lg devilseye

2

Du verwendest die ID „main“ doppelt, dadurch kommt es vermutlich auch zu unverhergesehenen Style-Vermischungen. Korrigier das erstmal.

3

ahhhhhh man bin ich …

danke dir