nicht angemeldet
Hallo,
ich möchte das "Tabellenlayout" von
http://www.uni-muenster.de/Physik/AP/Purwins/Welcome-de.html
http://www.uni-muenster.de/Physik/AP/Purwins/Forschen-de.html
ohne Tabellen realisieren, also Kopf, Fuß, Navigation links und Inhalt rechts. Meine Frage: geht das überhaupt?
Meine bisherigen Versuche waren nicht gerade von Erfolg gekrönt:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<title>Arbeitsgruppe Purwins</title>
<style type="text/css">
html {
margin:0px;padding:0px;
}
body {
margin:0px;padding:0px;
}
div {
margin:0px;padding:0px;
}
#Kopf {
width:100%;height:90px;background-color:blue;
}
#Mitte {
width:100%;height:100%;border:2px solid black;
}
#Nav {
width:190px;height:100%;background-color:red;float:left;
}
#Inhalt {
margin-left:190px;background-color:green;
}
#Fuss {
width:100%;height:60px;background-color:blue;
}
</style>
</head>
<body>
<div id="Kopf">Kopfzeile</div>
<div id="Mitte">
<div id="Nav">
<ul>
<li>Link</li>
<li>Link</li>
</ul>
</div>
<div id="Inhalt">
...
</div>
</div>
<div id="Fuss">Fusszeile</div>
</body>
</html>
Online unter:
http://www.uni-muenster.de/Physik/AP/Purwins/DIV.html
sieht sowohl unter IE als auch unter MOZ (unterschiedlich) schlimm aus.
Mit absolut positionierten DIVs habe ich auch keine guten Erfahrungen gemacht, da ich nicht weiß, wie viel Platz ich für den Inhalt brauche und width:100% / height:100% sich offensichtlich auf die Fenstergröße, nicht aber auf die Seitengröße bezieht.
Nun meine Frage: geht das überhaupt, und wenn ja, wie bzw. wo finde ich Tipps?
Gruß, Jürgen