xsälz: 3 divs nebeneinander

Beitrag lesen

Eine Frage hätte ich noch:

Ich möchte drei Divs als Navigation nebeneinander anordnen, habe aber immer das Problem, dass das rechte Div eine Zeile tiefer sitzt. Sogar aus dem übergreifenden Div rausrutscht. Weiß jemand warum?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

#nav {
padding-top:0.2em;
border-top:1px dashed #444444;
font-size:1em;
background-color:#eeeeee;
}

.navEl1 {
float:left; width:12em;
margin: 0; padding: 0;
}

.navEl2 {
margin: 0 12em 0 12em;
}

.navEl3 {
float:right; width:12em;
margin: 0; padding: 0;
}
</style>

</head>

<body>
<div id="nav">
<div class="navEl1">
<h2>Thema</h2>
</div>

<div class="navEl2">
<h2>Stichwort</h2>
</div>

<div class="navEl3">
<h2>Beispiele</h2>
</div>
</div>
</body>
</html>

Angeschaut hatte ich mir:

http://de.selfhtml.org/css/layouts/anzeige/3spaltig.htm

xsälz