PHP Forum

PHP Forum (http://www.selfphp.de/forum/index.php)
-   HTML, CSS und JavaScript Help! (http://www.selfphp.de/forum/forumdisplay.php?f=24)
-   -   CSS - 2 divs nebeinander (http://www.selfphp.de/forum/showthread.php?t=11416)

silberlocke 21.09.2005 11:08:48

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

xabbuh 21.09.2005 12:25:24

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;">
  <div style="width:150px;float:left;">
  </div>
  <div style="width:600px;float:right;">
  </div>
</div>


silberlocke 21.09.2005 12:36:52

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.

Stevie B. 21.09.2005 23:07:02

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>

xabbuh 22.09.2005 13:29:43

AW: CSS - 2 divs nebeinander
 
Zitat:

Zitat von Stevie B.
[..](Opera z.B. ignoriert DIVs)[..]

Welche Opera-Version ignoriert denn div-Elemente?

Stevie B. 22.09.2005 16:13:05

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.

xabbuh 22.09.2005 16:19:07

AW: CSS - 2 divs nebeinander
 
Da würde mich jetzt aber mal eine Beispielseite interessieren, an der man das sehen kann.

Stevie B. 22.09.2005 17:36:01

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.

xabbuh 22.09.2005 17:58:30

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.

Stevie B. 22.09.2005 18:15:27

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 12:40:57 Uhr.

Powered by vBulletin® Version 3.8.3 (Deutsch)
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.