Spalten wie in einer Zeitung

[prm]

Zunächst mal Glückwunsch, das sieht doch schon sehr vielversprechend aus!
Du kannst jetzt noch etwas an der Ausrichtung tüfteln.
Auf die Gefahr hin, dass du mich jetzt steinigst, verrate ich dir noch eine andere Variante:

Floate die #rechtsbox right und lass beim #content die Breite weg. Die passt sich dann automatisch dem zur Verfügung stehenden Zwischenraum an.
Das wäre dann folgender CSS-Code:

Code:

.linksbox
{
float: left;
display: inline;
width: 30%;
margin: 0 1%;
}

.content
{
padding: 1%;
}

.rechtsbox
{
float: right;
display: inline;
width: 30%;
}

Im HTML-Code musst du dann allerdings die Reihenfolge der div's ändern, auch wenn es nicht logisch erscheint:

Code:

<div class="linksbox">Inhalt Linksbox</div>
<div class="rechtsbox">Inhalt Rechtsbox</div>
<div class="content">Inhalt Content</div>

Zu den Überschriften:
Eine einheitliche Darstellung in unterschiedlichen Browsern erreichst du, indem du sie im CSS-Teil definierst. Z.B.

Code:

h3 {font-size: 1.1em;}

Schön, wie sich die Ereignisse wiederholen. Vor 3 Jahren hab' ich mit dieser Seite ähnlich angefangen - was macht man nicht alles für die Jugend! ;-)