div Tag Position

Products · Neuer [**User**] Anmeldung: 12.02.07 Beiträge: 8

Hallo,

Ich war mal ziemlich gut in webdesign hab aber in den letzten 6 Monaten nicht wirklich etwas gemacht und einige meiner Kenntnisse vergessen.

Folgendes Problem:

Ich möchte meine Seite in der Mitte positionieren. Alles bestecht aus div-Tags und css.
In diesem Bereich gibt es 2 div-Tags, einer links "Hauptfenster" und einer Rechts "Nebenfenster für Sponsoren".
Leider gelingt es mir nicht die Position des Sponzor Tags genau festzulegen.

Hier mein Code. Wo ist der Fehler und wie kann ich das Problem lösen.
Jetzt stimmt es nicht da ich damit herumgespielt habe.

"
<html>
<head>
<title>Mak Photography</title>
<style type="text/css">

#Main { position:inherit; background-color:#00CCFF; width:1000px; height:auto}
#Home { position:static; width:750px; height:auto; left:0; top:0; bottom:0}
#Left { position:absolute; width:250px; height:auto; right:135px; bottom:145px; border:thick}
#Sponzors {
width:210px;
height:400px;
}
#Header { position:static; top:0; left:0; width:750px; height:120px }
#Menu { position:static; top:120px; width:750px; height:20px }
#Index { position:static; top:140; width:750px; height:20px; bottom:40;border:none}
#Foot{ position:static; bottom:0;
width:750px;
height:40px;
top: 0;
}
#Search {position:fixed; top:0; left:0; width:750}
</style>

<body>

<div align="center"><div id="Main" align="justify">
<div id="Home">
<div id="header">header</div>
<div id="menu">Menu</div>
<div id="box">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div id="footnote">Footnote</div>
</div>
<div id="Left" align="center">
<div id="Sponzors" >Sponsors</div>

</div>
</div>
</body>
</html>
"

Danke im vorhinein.

LG,

Products

sejuma · Beliebter [**User**] Anmeldung: 08.05.06 Beiträge: 497

Auf absolute Positionierungen solltest du verzichten, da es für das von dir beabsichtigte Layout nicht erforderlich ist und wenn man es nicht gezielt einsetzt nur Probleme bereitet.
Zentrieren macht du am besten nach dieser Methode:

http://www.ohne-css.gehts-gar.net/0001.php
Und deine dreispaltige Layoutgestaltung könnte nach diesem Prinzip funktionieren:

http://www.ohne-css.gehts-gar.net/0027.php