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.556
    Zustimmungen:
    28
    Mitglied 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?

    Hier das Bild

    Greets balu
     
  2. simusch

    simusch MacUser Mitglied

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

    dms

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

    balufreak Thread Starter MacUser Mitglied

    Beiträge:
    1.556
    Zustimmungen:
    28
    Mitglied 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.063
    Zustimmungen:
    23
    Mitglied 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.471
    Zustimmungen:
    103
    Mitglied seit:
    24.03.2004
Die Seite wird geladen...

Diese Seite empfehlen