zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden 3-spaltiges Layout: Mittlere Box rutscht immer hoch

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.06.2012, 19:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.06.2012
Beiträge: 5
dowhile befindet sich auf einem aufstrebenden Ast
Standard 3-spaltiges Layout: Mittlere Box rutscht immer hoch

Nochmal EDIT: Hat sich doch noch nicht erledigt, wenn ich keine Überschrift im Kasten hab besteht das Problem weiter

Hallo,

ich möchte drei div-Container nebeneinander anzeigen. Dazu habe ich nun folgenden "Quelltext":

HTML-Code:
            <div id="content">
                <h2 id="beispiele">Beispiele</h2>
                <div style="float:left;width:250px">
                    <h3><span class="tag">ul</span>-Liste</h3>
                </div>
                <div style="float:right;width:250px">
                    <h3><span class="tag">dl</span>-Liste</h3>
                </div>
                <div style="margin:0px 260px">
                    <h3><span class="tag">ol</span>-Liste</h3>
                </div>
                <br style="clear:both">
            </div>
Der mittlere Container (ol) rutscht aber über die beiden anderen Container - wird also darüber angezeigt. Wo liegt mein Fehler (der "content" Container hat eine Breite von 750px).

Nach selfhtml müssen die äußeren Container ein float:right/left und eine Breitenangabe bekommen, der mittlere Container muss die breite der äußeren als Außenabstand haben. Diese Kriterien sind erfüllt?!

Wenn ich dem mittleren Container noch ein border: 1px solid black gebe, rutscht er übrigends auf die gleiche Höhe wie die äußeren Container (also an die Stelle, wo er sein sollte). Wieso? Ich komme nicht dahinter ...

Mit freundlichen Grüßen

Geändert von dowhile (06.06.2012 um 20:43 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 06.06.2012, 22:28
Benutzerbild von plastiko
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.12.2007
Ort: Hannover
Beiträge: 945
plastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblick
Standard

FAQ: CSS-Prolog
Suche mal nach "Collapsing margins".
__________________
MfG
Jens
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.06.2012, 16:59
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.06.2012
Beiträge: 5
dowhile befindet sich auf einem aufstrebenden Ast
Standard

Hallo,

vielen Dank. Ich wusste leider nicht, nach was genau ich googlen muss.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
3 Spaltiges Layout mit CSS - Fluid Fixed Fluid chuha CSS 3 23.12.2011 13:37
Layout Box xava CSS 3 26.02.2011 15:07
Kniffliges Layout mit float Roadrunnerle CSS 6 14.03.2006 12:26
#boxes a:hover.info: 2.posting mit css !!! marioN CSS 5 25.01.2004 18:04
#box a:hover .info: css-layout: ie6.0/win, moz.1ie5.0/mac, marioN CSS 2 19.01.2004 18:17


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:23 Uhr.