div-Boxen nebeneinander

[bockionline]

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]

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]

Hi,

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

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