PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : div-Boxen nebeneinander



bockionline
25-11-2003, 13:26
Hallo,

ich habe folgendes Grundlayout:


<div id="seite">

<div id="kopf">
<p>Überschrift</p>
</div>

<div id="hauptteil">
<p>Hier steht der Haupttext.</p>
</div>

<div id="info">
<p>Hier kommen Kurzinfos.</p>
</div>

<div id="fuss">
<p>Hier nachher Navigation!</p>
</div>

</div>

Die beiden Boxen Hauptteil und Info sollen jetzt nebeneinander, auf gleicher Höhe, angezeigt werden. Die Box Hauptteil 70% breit, die Box Info die restlichen 30% breit.

Wie mache ich das am elegantesten mit CSS?

Vielen Dank,
bockionline

Jana
25-11-2003, 21:20
Wieso steckt das ganze in einer div-Box Seite?



The Fluid Three-Column CSS
.header {
margin: 0%; padding: 0%;
background: transparent;
}
.colLeft {
position: absolute;
overflow:visible;
left:0%; top:auto;
width: 25%; height: auto;
margin:0%; padding:0%;
background: transparent;
}
.colCenter {
position: absolute;
overflow:visible;
left:25%; top:auto;
width: 50%; height: auto;
margin: 0%; padding: 0%;
background: transparent;
}
.colRight {
position: absolute;
overflow:visible;
left:75%; top:auto;
width: 25%; height: auto;
margin: 0%; padding: 0%;
background: transparent;
}

bockionline
25-11-2003, 21:36
Hi,

erstmal danke für den Code, den werde ich morgen ausprobieren, heute bin ich fertig mit den Nerven :D

Ich hab' alles in eine div-Box gesteckt, damit ich den ganzen Kram evtl. "bewegen" kann, außerdem soll das eine gelbe Fläche werden (d.h. #seite bekommt eine gelbe background-color) vor einem grauen Hintergrund (body bekommt eine graue background-color).

MfG
bockionline