Hallo Leute,
ich habe jetzt schon unzählige Stunden damit verbracht aus dem Internet Scripte abzuschreiben und zwei Bücher habe ich auch schon über CSS überflogen.
Ich denke das ganze ist überhaupt nicht schwierig, wenn man denn einmal einen Anfang hat. Und hier, am Anfang komme ich schon nicht weiter.
Ich habe mit ca 20 Frames meine alte Homepage entworfen und möchte die jetzt Googelfreundlicher gestalten.
Aber das mit den Div Containern und der Positionierung bekomme ich nicht hin.
Hier ist mein bisheriges Ergebnis.
Wenn ich jetzt aber eine Grafik in Hintergrundzwei lade, dann verschiebt sich alles nach unten, obwohl die fest stehen bleiben sollen...
Wenn ich mit Position: absolute arbeite ist alles weg... ???
Auch Position Relative habe ich ausprobiert, sowie Z.Index.. Aber nicht zufriedenstellend.. ???
Könntet ihr bitte einmal drüber gucken...
Vielen Dank im Voraus
Gruß
Markus
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>footer gestalten</title>
<style type="text/css" media="screen">
body
{position:absolute;
margin: 0;
padding: 0;
font: 100% arial, hevetica, sans-serif;
text-align: center;
color: #505367;
background-color: gray;
z-index: 1;
}
#backgroundzwei
{
position:absolute;
margin: 1em auto;
width: 98%;
height: 815px;
text-align: left;
background-color: white;
border: 0px solid black;
z-index: 2;
}
#menu
{
width:920px; height:500px;
position:absolute;
margin: 10em auto;
text-align: left;
background-color: silver;
border: 0px solid black;
z-index: 3;
}
#contents
{
position:absolute;
margin-left: 180px;
height: 500px;
width:720;
background-color: #cccccc;
z-index: 4;
}
</style>
</head>
<body>
<div id="backgroundzwei">kkkkkkkkkkkkkkkkkkkkkkkkkkkk
<div id="menu">jjjj<br>
jjjjjjjjjj
<div id="contents">hier stehen die wichtigen Inhalte damit ich bei Google ganz oben stehe </div>
</body>
</html>