metty
Erfahrenes Mitglied
Hallo!
Ich habe ein kleines CSS Problem. Habe auch schon die Suche benutzt, allerdings hat es mir nicht weitergeholfen
Zu meinem Problem. Ich habe 4 Divs (Header, Menu, Content und Footer) welche ich alle absolut positioniere. Da der Content Div allerdings größer werden kann bei mehr Inhalt, soll sich der Footer div nach unten verschieben. Dieses tut er aber nicht...
Vielleicht kann mir ja wer helfen.
Hier die CSS Datei:
Und hier die HTML Datei:
Wenn der Content mehr wird überschneiden sich die beiden Layer, bzw. der Footer Layer wird nicht nach unten verschoben.
Woran liegt das?
Danke schonmal,
Matthias
Ich habe ein kleines CSS Problem. Habe auch schon die Suche benutzt, allerdings hat es mir nicht weitergeholfen
Zu meinem Problem. Ich habe 4 Divs (Header, Menu, Content und Footer) welche ich alle absolut positioniere. Da der Content Div allerdings größer werden kann bei mehr Inhalt, soll sich der Footer div nach unten verschieben. Dieses tut er aber nicht...
Vielleicht kann mir ja wer helfen.
Hier die CSS Datei:
Code:
div#header {
position: absolute;
left: 20px;
top: 20px;
width: 350px;
height: 50px;
}
div#menu {
position: absolute;
left: 20px;
top: 95px;
width: 963px;
height: 16px;
border-bottom: 1px solid #242424;
}
div#content {
position: absolute;
left: 20px;
top: 162px;
width: 963px;
border: 1px solid #ff0000;
}
div#footer {
position: absolute;
bottom: 10px;
left: 20px;
width: 963px;
height: 16px;
border-top: 1px solid #242424;
}Und hier die HTML Datei:
Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>WCA</title>
<link href="styles/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header"><img src="images/logo.gif" alt="Web Contact Archive" width="350" height="50" border="0" /></div>
<div id="menu"><img src="images/mno_startseite.gif" alt="Startseite" width="83" height="16" /></div>
<div id="content">Content<br /></div>
<div id="footer" class="fliesstextFooter"><strong>W</strong>eb <strong>C</strong>ontact <strong>A</strong>rchive, © 2005 Matthias Kurte </div>
</body>
</html>Wenn der Content mehr wird überschneiden sich die beiden Layer, bzw. der Footer Layer wird nicht nach unten verschoben.
Woran liegt das?
Danke schonmal,
Matthias
