xtoph
Mitglied
Hi Leute,
ich hab schon öfter mal was gefragt, und wende mich auch heute vertrauensvoll an Euch.
Mein Ziel ist es ein Layout aus 3 div Elementen zu gestalten. Einen Banner oben, mit fester Position, einen unten als Footer, ebenfalls mit fester Position. Beide haben den Abstand 0 nach oben bzw unten. Und in der Mitte ein div, wo dann der Content rein soll. So bin ich absolut unabhängig von der Auflösung, und die Seite erstreckt sich immer über den ganzen Bildschirm. Und das ganze noch zentriert.
Im Opera & Mozilla funktioniert es, nur der IE zerschießt alles.
Hier mal der Link, wie es aktuell aussieht:
http://zeus.fh-brandenburg.de/~franzc/neu2/
hier mein code:
und jetzt noch der CSS:
Wäre echt super, wenn vielleicht jemand ne Idee hätte
oder weiss, wo so ein Problem schonmal aufgetreten ist.
Schonmal ein riesen THX fürs überlegen!
gruss
xtoph
ich hab schon öfter mal was gefragt, und wende mich auch heute vertrauensvoll an Euch.
Mein Ziel ist es ein Layout aus 3 div Elementen zu gestalten. Einen Banner oben, mit fester Position, einen unten als Footer, ebenfalls mit fester Position. Beide haben den Abstand 0 nach oben bzw unten. Und in der Mitte ein div, wo dann der Content rein soll. So bin ich absolut unabhängig von der Auflösung, und die Seite erstreckt sich immer über den ganzen Bildschirm. Und das ganze noch zentriert.
Im Opera & Mozilla funktioniert es, nur der IE zerschießt alles.
Hier mal der Link, wie es aktuell aussieht:
http://zeus.fh-brandenburg.de/~franzc/neu2/
hier mein code:
Code:
<?xml version=\"1.0\" encoding=\"UTF-8\"?>?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titel</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div style="text-align:center">
<div style="margin:auto; text-align:left">
banner
</div>
<div style="margin:auto; width:810px;">
content
</div>
<div style="margin:auto; width:810px;" >
<div style="position:absolute; bottom:0px; width:810px; padding:0;">
footer
</div>
</div>
</div>
</body>
</html>und jetzt noch der CSS:
Code:
body {
font-size:10px;
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
font-style:normal;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#43443E;
text-decoration:none;
text-align:center;
background-image:url(./../bilder/bg.jpg); background-repeat: repeat-y; background-position: center;
background-color:#A3A390;
}Wäre echt super, wenn vielleicht jemand ne Idee hätte
oder weiss, wo so ein Problem schonmal aufgetreten ist.Schonmal ein riesen THX fürs überlegen!
gruss
xtoph
