Benutzerdefinierte Suche

CSS: Problem mit float

  1. balufreak

    balufreak Thread StarterMacUser Mitglied

    Mitglied seit:
    12.10.2003
    Beiträge:
    1.556
    Zustimmungen:
    28
    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?

    Hier das Bild

    Greets balu
     
    balufreak, 27.12.2005
  2. simusch

    simuschMacUser Mitglied

    Mitglied seit:
    27.09.2004
    Beiträge:
    2.239
    Zustimmungen:
    188
    versuchs mal mit einem
    Code:
    <br clear="all">
    vor dem text-div
     
    simusch, 27.12.2005
  3. dms

    dms

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

    balufreak Thread StarterMacUser Mitglied

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

    Vielen Dank!
     
    balufreak, 27.12.2005
  5. master_p

    master_pMacUser Mitglied

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

    TreyMacUser Mitglied

    Mitglied seit:
    24.03.2004
    Beiträge:
    2.500
    Zustimmungen:
    109
    Trey, 28.12.2005
Die Seite wird geladen...