Frage stellen
Ich habe folgendes Script:
- Code: Alles auswählen
<!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>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Scherzer-Home</title>
<style type="text/css" media="screen">
<!--
body {background-color: white; margin: 0; padding; 0; width; 100% height: 100%; text-align: center;}
#mainlayer {background-image: url(grafik/bg.gif); width: 1000px; height: 100%; postition: absolute;
top: 0px; text-align:center; border: solid 1px; border-color: black; text-align: center; }
#header { width=1000px; height:120 px; position: relative; padding-top: 10px; top: 0px; text-align: center;
float: left; clear: both;}
#navbar { width=1000px; height:20 px; min-height: 20px; position: relative; background-color: #f1cb56;
border: solid 1px; border-color: yellow; top: 120px; }
-->
</style>
</head>
<body>
<align="center">
<div id="mainlayer">
<div id="header">
<img src="grafik/header.gif" width=1000px>
</div>
<div id="navbar">
</div>
</div>
</body>
Eigentlich ging ich davon aus, das alles zentriert angezeigt wird und der Container "mainlayer" mitwächst... das tut er aber nicht.
Der IE zentriert, aber der Container "mainlayer" hat nur die Höhe des header, die Navbar liegt drunter, im Fox ist der Mainlayer nur knapp 20 px hoch...
ich verstehe es nicht wirklich... vllt kann wer helfen...
THX im voraus
Tamlin
