CSS - 2 divs nebeinander
Hi!
Ich habe zwei divs mit float:left;width:150px; und float:right;width:600px; nebeinander angeordnet. Wenn das Browser-Fenster nicht so breit wie die beiden divs zusammen sind, rutscht das rechte div nach unten. Kann man das irgendwie vermeiden un so hinbekommen, daß die nebeneinander bleiben und horizontal gescrollt werden muß? Darunter folgt noch ein footer: clear:both;width:750px; Gruß, Silberlocke |
AW: CSS - 2 divs nebeinander
Warum packst du nicht beide div-Elemente in einer weiteres div-Element mit der Breite 750px?
HTML-Code:
<div style="width:750px;"> |
AW: CSS - 2 divs nebeinander
Auch wieder war!
Aber ich sehe gerade, ich muß mehr als 750px nehmen und bei IE und Mozilla sind verschieden Abstände zwischen den divs. |
AW: CSS - 2 divs nebeinander
Ich weiß zwar nicht, warum es gerade DIV sein muss (Opera z.B. ignoriert DIVs), aber so geht's:
<div style="width:19%;float:left;"></div> <div style="width:81%;float:right;"></div> |
AW: CSS - 2 divs nebeinander
Zitat:
|
AW: CSS - 2 divs nebeinander
@xabbuh:
Ich nutze z.B. den Opera 7.2 für eventuelle Tests für Layouts. DIV-Elemente werden dort fast komplett ignoriert. |
AW: CSS - 2 divs nebeinander
Da würde mich jetzt aber mal eine Beispielseite interessieren, an der man das sehen kann.
|
AW: CSS - 2 divs nebeinander
Die kann ich Dir leider nicht mehr präsentieren, da ich diese schon seit einer halben Ewigkeit nicht mehr habe. Ich kann nur sagen, dass mir damals das komplette Layout zerschossen ist. Alle Divs waren ineinander gerutscht.
Aber ich lasse mich auch gern eines Besseren belehren. |
AW: CSS - 2 divs nebeinander
Das wird dann aber eher ein Problem von fehlerhaftem CSS bzw. fehlerhafter CSS-Interpretation des Opera gewesen sein. Laut SelfHTML soll der Opera das div-Element jedenfalls seit Version 5.12 unterstützen.
|
AW: CSS - 2 divs nebeinander
Das kann natürlich auch sein. Ich werde das demnächst mal wieder genauer testen.
|
Alle Zeitangaben in WEZ +2. Es ist jetzt 11:06:40 Uhr. |
Powered by vBulletin® Version 3.8.3 (Deutsch)
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.