CSS: Problem mit float

Dieses Thema im Forum "Web Page Design" wurde erstellt von balufreak, 27.12.2005.

  1. balufreak

    balufreak Thread Starter MacUser Mitglied

    Beiträge:
    1.560
    Zustimmungen:
    28
    MacUser seit:
    12.10.2003
    Hallo zusammen!

    Ich bastle wiedereinmal an einer Webseite herum. Dieses mal möchte ich alles gerne XHTML-Strict machen. Nun zu meinem Problem.

    Ich habe 3 divs diese schreibe ich via <div id="bereiche">bla</div>, <div id="sonstiges">bla</div> und <div id="text">bla</div> an.

    im css habe ich es folgendermassen gecodet:
    Code:
    #sonstiges {
        float:left;
        padding: 4px 4px 4px 4px;
        border: 1px solid #e6e6e6;
    }
    #bereiche {
        float:left;
        padding: 4px 4px 4px 4px;
        margin-right: 20px;
        border: 1px solid #e6e6e6;
    }
    #text {
        float:none; 
    }
    
    Damit möchte ich bezwecken, dass die beiden Bereiche "bereiche" und "sonstiges" nebeneinander sind und der Bereich "text" soll annschliessend ganz normal unten weiter gehen.

    Im angefügten Bild seht ihr, wie es eben nicht aussehen sollte. Kann mir da jemand helfen?

    [DLMURL="http://downloads.katun.ch/divs.png"]Hier das Bild[/DLMURL]

    Greets balu
     
  2. simusch

    simusch MacUser Mitglied

    Beiträge:
    2.221
    Zustimmungen:
    186
    MacUser seit:
    27.09.2004
    versuchs mal mit einem
    Code:
    <br clear="all">
    vor dem text-div
     
  3. dms

    dms Gast

    Oder besser: ein clear:both; im CSS für das Div definieren.
     
  4. balufreak

    balufreak Thread Starter MacUser Mitglied

    Beiträge:
    1.560
    Zustimmungen:
    28
    MacUser seit:
    12.10.2003
    Super! Vielen dank! Beide Wege führten zum Ziel. Ich werde aber das clear:both verwenden, da es übersichtlich im css liegt.

    Vielen Dank!
     
  5. master_p

    master_p MacUser Mitglied

    Beiträge:
    1.065
    Zustimmungen:
    23
    MacUser seit:
    31.01.2005
    Was genau bewirkt das dann (haben nämlich ab und an ein ähnliches Problem)?
     
  6. Trey

    Trey MacUser Mitglied

    Beiträge:
    2.433
    Zustimmungen:
    88
    MacUser seit:
    24.03.2004
Die Seite wird geladen...
Ähnliche Themen - CSS Problem float
  1. Saugkraft
    Antworten:
    5
    Aufrufe:
    604
    Saugkraft
    07.10.2014
  2. muplo
    Antworten:
    5
    Aufrufe:
    992
    Zieger
    06.08.2013
  3. mingorius
    Antworten:
    16
    Aufrufe:
    1.261
    Isegrim242
    04.07.2011
  4. jürgenh
    Antworten:
    2
    Aufrufe:
    983
    jürgenh
    11.09.2010
  5. Manjo
    Antworten:
    4
    Aufrufe:
    684
    Manjo
    04.10.2007