A
AxlF
Aktives Mitglied
Thread Starter
- Dabei seit
- 04.04.2004
- Beiträge
- 623
- Reaktionspunkte
- 14
Hallo,
Ich möchte folgendes Layout realisieren. Mit Tabellen, wärs easy. Aber ich will einfach weg von den Tabellen, und mit CSS Layouten...
Hier mein CSS:
hier meine HTML (ein ausschnitt):
Mein problem:
Ich möchte die Höhe von box 3, 4 und 5 rel voneinander abstimmen.
Da der Inhalt Dynamisch aus der Datenbank kommt kann ich keine feste Höhe verwenden.
Ich möchte dass box 3 und 5 immer genausolang wie box 4 ist.
Auch wenn jetzt z.B. in box 3 massig viel Inhalt ist, soll sich box 4 und 5 anpassen.
Ebenso wenn nur in box 6 massig viel Inhalt ist, soll sich box 3 und 4 anpassen.
Das gleiche mit box 5 mit viel inhalt...
Das ganze soll natürlich auch mit IE UND Firefox gleich aussehen. Und da ist der Punkt. Bei einem gehts immer wunderbar, dann schauts aber beim anderen blöd aus...
Hoffe ihr könnt mir helfen!
Viele Grüße,
Alex
Ich möchte folgendes Layout realisieren. Mit Tabellen, wärs easy. Aber ich will einfach weg von den Tabellen, und mit CSS Layouten...
Hier mein CSS:
Code:
div {
text-align: center;
margin-left: auto;
margin-right: auto;
}
#box1 {
width: 700px;
height: 100px;
border: 1px solid #000000;
background-color: #EEEEEE;
}
#box2 {
width: 700px;
height: 20px;
border: 1px solid #000000;
background-color: #EEEEEE;
}
#box3 {
float: left;
margin: 0px;
padding: 0px;
width: 50px;
height: 100%;
border: 1px solid #000000;
background-color: #EEEEEE;
}
#box4 {
width: 700px;
border: 1px solid #000000;
background-color: #EEEEEE;
height: 100px;
}
#box5 {
float: right;
margin: 0px;
padding: 0px;
width: 50px;
height: 100%;
border: 1px solid #000000;
background-color: #EEEEEE;
}
#box6 {
clear: both;
width: 700px;
height: 20px;
border: 1px solid #000000;
background-color: #EEEEEE;
}
hier meine HTML (ein ausschnitt):
Code:
<div id="box1">BOX 1</div>
<div id="box2">BOX 2</div>
<div id="box4">
<div id="box3">BOX 3</div>
<div id="box5">BOX 5</div>
BOX 4<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
Viel Inhalt...
</div>
<div id="box6">BOX 6</div>
Mein problem:
Ich möchte die Höhe von box 3, 4 und 5 rel voneinander abstimmen.
Da der Inhalt Dynamisch aus der Datenbank kommt kann ich keine feste Höhe verwenden.
Ich möchte dass box 3 und 5 immer genausolang wie box 4 ist.
Auch wenn jetzt z.B. in box 3 massig viel Inhalt ist, soll sich box 4 und 5 anpassen.
Ebenso wenn nur in box 6 massig viel Inhalt ist, soll sich box 3 und 4 anpassen.
Das gleiche mit box 5 mit viel inhalt...
Das ganze soll natürlich auch mit IE UND Firefox gleich aussehen. Und da ist der Punkt. Bei einem gehts immer wunderbar, dann schauts aber beim anderen blöd aus...
Hoffe ihr könnt mir helfen!
Viele Grüße,
Alex