Ergebnis 1 bis 4 von 4

Thema: Problem mit float

  1. #1
    HTML Newbie
    Registriert seit
    16.03.2009
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Problem mit float

    Hallo

    Ich habe ein Anzeigeproblem mit float.

    und zwar habe ich eine Bildergallerie in meiner homepage doch starten die Bilder erst da wo die Navigation aufhört.
    Die navigation ist auch mit float erstellt.

    Das komische nur Firefox hat dieses "Problem" IE7 stellt die Seite richtig dar.

    Hier der Link zur Seite.
    http://klausboden.at/fotos.html

    Code:
    /* Navigation Start */
    #nav-oben {
    margin-top: 10px;
    margin-left: 14px;
    margin-right: 5px;
    float: left;
    height: 25px;
    width: 160px;
    background: url(images/klausboden/nav-oben.jpg) no-repeat;
    }
    
    #menu {
    clear: left;
    margin-left: 14px;
    margin-right: 5px;
    float: left;
    list-style-type: none;
    text-decoration: none;
    background: url(images/klausboden/nav-mitte.jpg);
    width: 160px;
    }
    
    #nav-unten {
    margin-left: 14px;
    margin-right: 5px;
    clear: left;
    float: left;
    height: 25px;
    width: 160px;
    background: url(images/klausboden/nav-unten.jpg) no-repeat;
    }
    
    /* Navigation Ende */
    
    
    /* Bildergallerie */
    .thumb {
    float: left;
    }
    
    /* Bildergallerie */
    Danke schon mal für die Hilfe
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    König(in) Avatar von chris90night
    Registriert seit
    09.09.2006
    Ort
    <?php echo $_SERVER['PHP_SELF']; ?>
    Beiträge
    1.096
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Problem mit float

    Hi,

    soweit ich das erkennen kann, hast du mehrere Boxen untereinander auf der linken Seiten, die du jeweils immer mit clear und float positionierst. Da der Content erst danach kommt, fließt der Container dann eben um das letzte mögliche Element.

    Ich würde es so lösen, dass du die ganzen Container in der Navi in einen großen Container packst, dann kannst du ganz normal die andere Box neben den floaten lassen.

    MfG


    Denk immer daran: auch am anderen Ende der Leitung sitzt ein Mensch!

  3. #3
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Problem mit float

    ungetestet:
    Entferne mal bei #nav-unten das rot markierte:
    #nav-unten {
    margin-left: 14px;
    margin-right: 5px;
    clear: left;
    float: left;

    height: 25px;
    width: 160px;
    background: url(images/klausboden/nav-unten.jpg) no-repeat;
    }
    Das clear und float dürfte unnötig sein, weil das übergeordnete #menu bereits gefloatet ist.
    Durch dieses clear positioniert der FF den #content dann erst an dieser Stelle.

  4. #4
    HTML Newbie
    Themenstarter

    Registriert seit
    16.03.2009
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Problem mit float

    Hi

    Danke an alle für die Antworten
    chris90night hatte den richtigen einfall

    Hier nun der ausgebesserte Code:

    Code:
    <!-- start menu -->
    <div id="main-nav">
    <div id="nav-oben">
    </div>
    <div id="menu">
    {menu template='klausbodenmenu' collapse='1'}
    </div>
    <div id="nav-unten">
    </div>
    </div>
    <!-- end menu -->
    Code:
    #main-nav {
    float: left;
    }
    
    #nav-oben {
    margin-top: 10px;
    margin-left: 14px;
    margin-right: 5px;
    height: 25px;
    width: 160px;
    background: url(images/klausboden/nav-oben.jpg) no-repeat;
    }
    
    #menu {
    margin-left: 14px;
    margin-right: 5px;
    list-style-type: none;
    text-decoration: none;
    background: url(images/klausboden/nav-mitte.jpg);
    width: 160px;
    }
    
    #nav-unten {
    margin-left: 14px;
    margin-right: 5px;
    height: 25px;
    width: 160px;
    background: url(images/klausboden/nav-unten.jpg) no-repeat;
    }

Ähnliche Themen

  1. Wieder ein float Problem???
    Von Questionmark im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 14.02.2009, 14:55
  2. Mal wieder ein Float-Problem
    Von chuqa im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 03.12.2008, 11:39
  3. CSS: float:left; und overflow:auto; IE6 und kleiner==Problem
    Von LinuxMan im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 19.07.2008, 20:00
  4. Problem mit position und float
    Von kwurzel im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 26.02.2006, 18:49
  5. css problem float
    Von pt-3000 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 21.07.2005, 16:06

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •