Ergebnis 1 bis 4 von 4

Thema: 2 divs bündig abschließen

  1. #1
    Meister(in)
    Registriert seit
    04.01.2006
    Ort
    Gotha
    Beiträge
    430
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard 2 divs bündig abschließen

    Hallo,
    ich bin gerade dabei etwas auszuprobieren, jedoch habe ich nun ein problem. Ich habe 2 divs nebeneinander, doch jetzt möchte ich das die beiden divs unten bündig abschließen, egal ob auf der einen seite mehr inhalt ist als auf der anderen. Aber irgendwie bekomme ich es nicht ganz hin.
    hier mal mein HTML Code:
    <div style="width: 98%; overflow:hidden; margin:5px auto 0px auto; border: 1px solid;">
    <div id="main">
    <div id="content">

    inhalt 1</p></div>
    <div id="right">

    inhalt2</p></div>
    </div>
    </div>
    CSS:
    #main {
    width: 100%;
    background-color: #FFFFFF;
    }

    #content {
    width: 80%;
    float: left;
    background-color: #FFFFFF;
    }

    #right {
    width: 20%;
    float: left;
    background-color: #FFFFFF;
    height: 100%;
    }
    Um das Problem mal zu zeiegn: http://sr-web.de/p1.html
    Im IE wird es richtig angezeigt, jedoch in FF und Opera nicht.

    Danke schonmal für eure hilfe

    mfg
    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 !!!!!
    Das Leben ist binär. Entweder Du bist eine 0 oder eine 1.
    Meine Seite: sr-web.de

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

    Standard

    Das ist ein Fall für faux columns
    Falls du nicht unbedingt auf den grauen background vom body großen Wert legst, könntest du diesen auch weiß definieren, womit das Problem recht einfach gelöst wäre.

  3. #3
    Shogun Avatar von DarkSyranus
    Registriert seit
    28.03.2006
    Ort
    ::1/128
    Alter
    25
    Beiträge
    3.446
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard

    Oder unter die beiden einfach ein <div> mit style="clear: both;" machen, und dann den oberen einen margin-bottom wert zuweisen.

  4. #4
    Meister(in)
    Themenstarter

    Registriert seit
    04.01.2006
    Ort
    Gotha
    Beiträge
    430
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Danke für die antworten
    Mit dem Clear both habe ich selber bei einen anderen Projekt schon angewendet, jedoch ist es mir in diesen Fall nicht eingefallen.
    Code:
    <br style="clear&#58;both"/>
    scheint mir auch einfacher als das faux columns.
    Danke an euch beiden

    mfg
    Das Leben ist binär. Entweder Du bist eine 0 oder eine 1.
    Meine Seite: sr-web.de

Ähnliche Themen

  1. Inhalt soll mit Navigation abschließen
    Von Cujo im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 15.07.2008, 19:30
  2. Grafiken oben bündig nebeneinander positionieren
    Von FaFoo im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 25.03.2007, 16:22
  3. Tabelleninhalt auf jeder Seite bündig anzeigen
    Von shandes im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 12.04.2006, 21:05
  4. Tabelle soll am Browserrand bündig abschliessen - Wie?
    Von Coki im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 16.01.2006, 22:56
  5. Bündig!?
    Von Kessi im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 03.05.2005, 11:07

Stichworte

Berechtigungen

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