HP zentrieren

    Hallo zusammen,
    ich möchte gerne meine Page so zentrieren das sie, egal von welcher Bildschirmauflösung immer in der horizontal zentriert angezeit wird. Hab mir hier schon viele Threads durchgelesen nur raff ich es anscheinend net...
    Arbeite mit Adobe Go live, hier mal der Code

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>

    <head>
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
    <meta name="generator" content="Adobe GoLive 6">
    <title>Willkommen bei Adobe GoLive 6</title>
    <style type="text/css" media="screen"><!--
    #Ebene1 { position: absolute; top: 16px; left: 174px; width: 757px; height: 227px; visibility: visible; display: block }
    #Ebene2 { background-color: #000; position: absolute; top: 249px; left: 179px; width: 181px; height: 409px; visibility: visible; display: block }
    #Ebene3 { background-color: #fff; position: absolute; top: 251px; left: 181px; width: 177px; height: 405px; visibility: visible; display: block }
    #Ebene4 { position: absolute; top: 8px; left: 9px; width: 159px; height: 36px; visibility: visible; display: block }
    #Ebene5 { position: absolute; top: 267px; left: 9px; width: 159px; height: 36px; visibility: visible; display: block }
    #Ebene6 { position: absolute; top: 224px; left: 9px; width: 159px; height: 36px; visibility: visible; display: block }
    #Ebene7 { position: absolute; top: 182px; left: 9px; width: 159px; height: 36px; visibility: visible; display: block }
    #Ebene8 { position: absolute; top: 140px; left: 9px; width: 159px; height: 36px; visibility: visible; display: block }
    #Ebene9 { position: absolute; top: 97px; left: 9px; width: 159px; height: 36px; visibility: visible; display: block }
    #Ebene10 { position: absolute; top: 52px; left: 9px; width: 159px; height: 36px; visibility: visible; display: block }
    #Ebene13 { background: #fff url(../Bilder/HintergrundHome%20Kopie.jpg); position: absolute; top: 2px; left: 2px; width: 554px; height: 405px; visibility: visible; display: block }
    #Ebene12 { background-color: #010101; position: absolute; top: 249px; left: 367px; width: 558px; height: 409px; visibility: visible; display: block }
    #Ebene14 { position: absolute; top: 381px; left: 40px; width: 101px; height: 19px; visibility: visible; display: block }
    #Ebene11 { position: absolute; top: 317px; left: 1px; width: 176px; height: 62px; visibility: visible; display: block }
    #Ebene15 { position: absolute; top: 5px; left: 505px; width: 44px; height: 15px; visibility: visible; display: block }
    #Ebene16 { position: absolute; top: 80px; left: 70px; width: 191px; height: 37px; visibility: visible; display: block }
    --></style>
    <csscriptdict import>
    <script type="text/javascript" src="file:///C:/Dokumente%20und%20Einstellungen/wersich%20bastian/Anwendungsdaten/Adobe/Adobe%20GoLive/Settings/JScripts/GlobalScripts/CSScriptLib.js"></script>
    </csscriptdict>
    <csactiondict>
    <script type="text/javascript"><!--
    var preloadFlag = false;
    function preloadImages() {
    if (document.images) {
    over_Home2 = newImage(/*URL*/'../Buttons/Home2.jpg');
    over_Impressum2 = newImage(/*URL*/'../Buttons/Impressum2.jpg');
    over_Links2 = newImage(/*URL*/'../Buttons/Links2.jpg');
    over_Kontakt2 = newImage(/*URL*/'../Buttons/Kontakt2.jpg');
    over_LieferK2 = newImage(/*URL*/'../Buttons/LieferK2.jpg');
    over_Produkte2 = newImage(/*URL*/'../Buttons/Produkte2.jpg');
    over_Wer2 = newImage(/*URL*/'../Buttons/Wer2.jpg');
    preloadFlag = true;
    }
    }

    // --></script>
    </csactiondict>
    </head>

    <body onload="preloadImages();" bgcolor="#ffffff">
    <div align="center">
    <map name="Kontakt1"><area shape="rect" coords="1,2,66,20" href="Kontakt.html" alt=""></map><map name="Links1"><area shape="rect" coords="1,2,41,21" href="Links.html" alt=""></map><map name="Wer1"><area shape="rect" coords="2,1,141,20" href="Wersindwir.html" alt=""></map><map name="Produkte1"><area shape="rect" coords="0,0,80,20" href="Produkte.html" alt=""></map><map name="LieferK1"><area shape="rect" coords="2,1,154,17" href="Lieferkonditionen.html" alt=""></map><map name="Impressum1"><area shape="rect" coords="0,1,99,20" href="Impressum.html" alt=""></map><map name="Home1"><area shape="rect" coords="1,6,61,30" href="Index.html" alt=""></map></div>
    <div id="Ebene1">
    <div align="center">
    </div>
    </div>
    <div id="Ebene2"></div>
    <div id="Ebene3">
    <div id="Ebene4">
    <div align="center">
    </div>
    </div>
    <div id="Ebene5">
    <div align="center">
    </div>
    </div>
    <div id="Ebene6">
    <div align="center">
    </div>
    </div>
    <div id="Ebene7">
    <div align="center">
    </div>
    </div>
    <div id="Ebene8">
    <div align="center">
    </div>
    </div>
    <div id="Ebene9">
    <div align="center">
    </div>
    </div>
    <div id="Ebene10">
    <div align="center">
    </div>
    </div>
    <div id="Ebene11">
    <div align="left">
    <marquee height="48" loop="infinite" width="176">

    </marquee></div>
    </div>
    <div id="Ebene14">
    <div align="center">
    <font size="1">Copyright &copy; 2006</font></div>
    </div>
    </div>
    <div id="Ebene12">
    <div id="Ebene13">
    <div align="center">

    <div id="Ebene15">
    </div>

    <font size="3" face="Verdana">Willkommen und &#x201E;Falknersheil&#x201C; bei http://www.falco-supply.de </font></p>
    <div id="Ebene16">
    <font size="3" color="#110000" face="Verdana">Was gibts neues?</font></div>

    </p>
    </div>
    </div>

    </p>
    </div>

    </p>
    </body>

    </html>

    wie ihr seht verwende ich keine Tabellen... sondern Rahmen...hoffe es hat jemand eine Lösung[/code]

    Leg am besten noch eine Containerebene an die alles umschliesst.

    Code
    <body>
<div id="container">






</div>
</body>

    Die Eigenschaften dieser Ebene sehen so aus:

    Code
    #container {
   margin:0 auto;
   width:SEITENBREITE; (ich glaube es waren 757px)
   }


    So das in den CSS-Part.

    Evtl. musst du dann deine tops und lefts aus den anderen Ebenen angleichen!

    eine nicht ganz so gute alternative wäre mit ner table


    Code
    <table border=0 width=100% height=100%>
<tr><td align=center valign=center>


<! --- DEINE SEITE ---->


</td></tr>
</table>

    Ok, die Tabelle bekomm ich hin,
    aber der inhalt ist leider trotzdem nicht zentriert, driver könntest du dir den code nochmal anschauen
    Code

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>

    <head>
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
    <meta name="generator" content="Adobe GoLive 6">
    <title>Willkommen bei Adobe GoLive 6</title>
    <style type="text/css" media="screen"><!--
    #Ebene1 { position: absolute; top: 16px; left: 174px; width: 757px; height: 227px; visibility: visible; display: block }
    #Ebene2 { background-color: #000; position: absolute; top: 249px; left: 179px; width: 181px; height: 409px; visibility: visible; display: block }
    #Ebene3 { background-color: #fff; position: absolute; top: 251px; left: 181px; width: 177px; height: 405px; visibility: visible; display: block }
    #Ebene4 { position: absolute; top: 8px; left: 9px; width: 159px; height: 36px; visibility: visible; display: block }
    #Ebene5 { position: absolute; top: 267px; left: 9px; width: 159px; height: 36px; visibility: visible; display: block }
    #Ebene6 { position: absolute; top: 224px; left: 9px; width: 159px; height: 36px; visibility: visible; display: block }
    #Ebene7 { position: absolute; top: 182px; left: 9px; width: 159px; height: 36px; visibility: visible; display: block }
    #Ebene8 { position: absolute; top: 140px; left: 9px; width: 159px; height: 36px; visibility: visible; display: block }
    #Ebene9 { position: absolute; top: 97px; left: 9px; width: 159px; height: 36px; visibility: visible; display: block }
    #Ebene10 { position: absolute; top: 52px; left: 9px; width: 159px; height: 36px; visibility: visible; display: block }
    #Ebene13 { background: #fff url(../Bilder/HintergrundHome%20Kopie.jpg); position: absolute; top: 2px; left: 2px; width: 554px; height: 405px; visibility: visible; display: block }
    #Ebene12 { background-color: #010101; position: absolute; top: 249px; left: 367px; width: 558px; height: 409px; visibility: visible; display: block }
    #Ebene14 { position: absolute; top: 381px; left: 40px; width: 101px; height: 19px; visibility: visible; display: block }
    #Ebene11 { position: absolute; top: 317px; left: 1px; width: 176px; height: 62px; visibility: visible; display: block }
    #Ebene15 { position: absolute; top: 5px; left: 505px; width: 44px; height: 15px; visibility: visible; display: block }
    #Ebene16 { position: absolute; top: 80px; left: 70px; width: 191px; height: 37px; visibility: visible; display: block }
    --></style>
    <csscriptdict import>
    <script type="text/javascript" src="file:///C:/Dokumente%20und%20Einstellungen/wersich%20bastian/Anwendungsdaten/Adobe/Adobe%20GoLive/Settings/JScripts/GlobalScripts/CSScriptLib.js"></script>
    </csscriptdict>
    <csactiondict>
    <script type="text/javascript"><!--
    var preloadFlag = false;
    function preloadImages() {
    if (document.images) {
    over_Home2 = newImage(/*URL*/'../Buttons/Home2.jpg');
    over_Impressum2 = newImage(/*URL*/'../Buttons/Impressum2.jpg');
    over_Links2 = newImage(/*URL*/'../Buttons/Links2.jpg');
    over_Kontakt2 = newImage(/*URL*/'../Buttons/Kontakt2.jpg');
    over_LieferK2 = newImage(/*URL*/'../Buttons/LieferK2.jpg');
    over_Produkte2 = newImage(/*URL*/'../Buttons/Produkte2.jpg');
    over_Wer2 = newImage(/*URL*/'../Buttons/Wer2.jpg');
    preloadFlag = true;
    }
    }

    // --></script>
    </csactiondict>
    </head>

    <body onload="preloadImages();" bgcolor="#ffffff">
    <table border=0 width=100% height=100%>
    <tr><td align=center valign=center>

    <div align="center">
    <map name="Kontakt1"><area shape="rect" coords="1,2,66,20" href="Kontakt.html" alt=""></map><map name="Links1"><area shape="rect" coords="1,2,41,21" href="Links.html" alt=""></map><map name="Wer1"><area shape="rect" coords="2,1,141,20" href="Wersindwir.html" alt=""></map><map name="Produkte1"><area shape="rect" coords="0,0,80,20" href="Produkte.html" alt=""></map><map name="LieferK1"><area shape="rect" coords="2,1,154,17" href="Lieferkonditionen.html" alt=""></map><map name="Impressum1"><area shape="rect" coords="0,1,99,20" href="Impressum.html" alt=""></map><map name="Home1"><area shape="rect" coords="1,6,61,30" href="Index.html" alt=""></map></div>
    <div id="Ebene1">
    <div align="center">
    </div>
    </div>
    <div id="Ebene2"></div>
    <div id="Ebene3">
    <div id="Ebene4">
    <div align="center">
    </div>
    </div>
    <div id="Ebene5">
    <div align="center">
    </div>
    </div>
    <div id="Ebene6">
    <div align="center">
    </div>
    </div>
    <div id="Ebene7">
    <div align="center">
    </div>
    </div>
    <div id="Ebene8">
    <div align="center">
    </div>
    </div>
    <div id="Ebene9">
    <div align="center">
    </div>
    </div>
    <div id="Ebene10">
    <div align="center">
    </div>
    </div>
    <div id="Ebene11">
    <div align="left">
    <marquee height="48" loop="infinite" width="176">

    </marquee></div>
    </div>
    <div id="Ebene14">
    <div align="center">
    <font size="1">Copyright &copy; 2006</font></div>
    </div>
    </div>
    <div id="Ebene12">
    <div id="Ebene13">
    <div align="center">

    <div id="Ebene15">
    </div>

    <font size="3" face="Verdana">Willkommen und &#x201E;Falknersheil&#x201C; bei http://www.falco-supply.de </font></p>
    <div id="Ebene16">
    <font size="3" color="#110000" face="Verdana">Was gibts neues?</font></div>

    </p>
    </div>
    </div>

    </p>
    </div>

    </p>
    </body>
    </td></tr>
    </table>
    </html>

    danke für die Hilfe

    Ähem....

    Solange du absolut positionierst kannst du das Zentrierenganz vergessen. Eine absolute Position richtet sich immer an den (unsichtbaren) Kanten der HTML-Seite aus, üblicherweis an der linken und der oberen.

    G.a.d.M.

    Ronald