[CSS] Menu schiesst uebers Design

Dieses Thema im Forum "Webdesign" wurde erstellt von DavyDave, 17. November 2008 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 17. November 2008
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    Menu schiesst uebers Design

    Hey,
    also das Szenario ist eigentlich nur erfunden bzw. Teilweise Real, am ende vom Design sollen das 10 vllt mehr Buttons sein.
    Der Code ist sicher auch nicht Perfekt.

    Aber links seht ihr das Menu geht ja hinaus, das ist klar war unten der Footer auf position:relative, der ja mit dem Textfluss mitgeht iwie.

    Nun ist meine Frage, wie kann ich den Code so machen, das auch wenn das Menu eben an der Footer stoesst eben nach unten gedrueckt wird?

    HTML: No File | xup.in
    CSS: No File | xup.in

    PS. bitte nur Code bezogen und nicht "stell mal kurz in Dreamweaver ein" - hab hier leider nur Notepad++ alles andere wuerd den PC in die Knie zwingen ^^
     
  2. 17. November 2008
    AW: Menu schiesst uebers Design

    hi,

    du darfst das navi nicht auf position: absolute stellen. dadurch distanziert es sich vom normalen textfluss und kann die andern elemente nicht mehr beeinflussen. also position aud static. dann musst du noch dafür sorgen, dass dein div "content" neber die navi rückt. dazu benutz du "float".http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float
    das das navi links ist, musst du float: left aufs navi anwenden.
    jetzt musst du mit "clear" nur noch dafür sorgen, dass der normale textfluss wieder aufgenommen wird. clear wendest du dazu auf deinen footer an. ("clear: both;").

    greez myth
     
  3. 17. November 2008
    AW: Menu schiesst uebers Design

    ok, cool - danke. awesome

    Da faellt mir noch was ein.
    Ihr seht doch den Raid-Rush Banner (den uebringens ich gemacht hab =P) wenn ich den Banner anklicke im FireFox dann sind unten 4px markiert die eigentlich nicht markiert werden sollten weil da nicht ist - atm ist da ein schwarzer balken weil ich fuer #headerg da padding-bottom:4px eingestellt hab. Auch wenn ich das wegmach sind da weiterhin diese 4 Pixel...

    Weiss einer was da los ist?

    edit: wieso ist der header in IE6 nicht zentriert?
     
  4. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.