cjs1976: Problem beim Positionieren mit div.

Beitrag lesen

Hallo!

Ich versuche nun schon den ganzen Tag ein Layout zu Stande zu bekommen, aber es will einfach nicht klappen.

Es soll eine Kopf- und eine Fußbereich geben. Zwischen diesen beiden Zeilen gibt es ganz Links einen Menü-Bereich, und darunter einen Werbe-Bereich. Links davon soll dann der eigentliche Inhalt angezeigt werden, und ganz Rechts sollen noch ein paar Bilder angezeigt werden.

Wenn das menü länger wird, muss die Werbung nach Unten rücken. Und der Fußbereich muss sowieso immer nach Unten rücken, wenn irgendeines der Felder darüber länger wird.

Hier mein letzter Code:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
<html><head><meta  
 content="text/html; charset=ISO-8859-1"  
 http-equiv="content-type"><title>cjsTest</title>  
<style type="text/css">  
#Kopfzeile {position:static;width:800px;border:1px solid;background-color:yellow;}  
#Menü {position:relative;top:10px;width:200px;border:1px solid;background-color:green;}  
#Werbung {position:relative;top:25px;width:200px;border:1px solid;background-color:lightblue;}  
#Inhalt {position:absolute;top:40px;left:220px;width:376px;border:1px solid;background-color:grey;}  
#Bilder {position:absolute;top:40px;left:608px;width:200px;border:1px solid;background-color:orange;}  
#Fußzeile {position:absolute;width:800px;border:1px solid;background-color:blue;}  
</style></head><body><div id="Kopfzeile">Kopfzeile</div>  
<div id="Menü">Menü<br>asdasdasdasd<br>asdasdasdasd<br>asdasdasdasdasd<br>asdasdasdasdads</div>  
<div id="Werbung">Werbung</div>  
<div id="Inhalt">Inhalt<br>dfasjhdfkjhaksdfkjasdf<br>fasdfhjsafjdhkasjdfkjasdfksajfd<br>asdfkajshdfkjhaskfjdhkjsahdfksadf</div>  
<div id="Bilder">Bilder<br>asdasdasdasd<br>asdasdasd</div>  
<div id="Fußzeile">Fußzeile</div>  
</body></html>  

Kann mir bitte jemand helfen?

Danke.