Ergebnis 1 bis 5 von 5

Thema: HP zentrieren

  1. #1
    Gast
    Gast

    Standard 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">
    [img]../BackgroundSchnitt1.jpg[/img]</div>
    </div>
    <div id="Ebene2"></div>
    <div id="Ebene3">
    <div id="Ebene4">
    <div align="center">
    [img]../Buttons/Home2.jpg[/img]</div>
    </div>
    <div id="Ebene5">
    <div align="center">
    [img]../Buttons/Impressum1.jpg[/img]</div>
    </div>
    <div id="Ebene6">
    <div align="center">
    [img]../Buttons/Links1.jpg[/img]</div>
    </div>
    <div id="Ebene7">
    <div align="center">
    [img]../Buttons/Kontakt1.jpg[/img]</div>
    </div>
    <div id="Ebene8">
    <div align="center">
    [img]../Buttons/LieferK1.jpg[/img]</div>
    </div>
    <div id="Ebene9">
    <div align="center">
    [img]../Buttons/Produkte1.jpg[/img]</div>
    </div>
    <div id="Ebene10">
    <div align="center">
    [img]../Buttons/Wer1.jpg[/img]</div>
    </div>
    <div id="Ebene11">
    <div align="left">
    <marquee height="48" loop="infinite" width="176">
    [img]../Bilder/Laufschrift.jpg[/img]
    </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">
    [img]../Bilder/language_en.gif[/img]</div>


    <font size="3" face="Verdana">Willkommen und &#x201E;Falknersheil&#x201C; bei 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]
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Interessierte/r
    Registriert seit
    21.09.2006
    Beiträge
    142
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    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 &#123;
       margin&#58;0 auto;
       width&#58;SEITENBREITE; &#40;ich glaube es waren 757px&#41;
       &#125;
    So das in den CSS-Part.

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

  3. #3
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    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>
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  4. #4
    Gast
    Gast

    Standard

    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">
    [img]../BackgroundSchnitt1.jpg[/img]</div>
    </div>
    <div id="Ebene2"></div>
    <div id="Ebene3">
    <div id="Ebene4">
    <div align="center">
    [img]../Buttons/Home2.jpg[/img]</div>
    </div>
    <div id="Ebene5">
    <div align="center">
    [img]../Buttons/Impressum1.jpg[/img]</div>
    </div>
    <div id="Ebene6">
    <div align="center">
    [img]../Buttons/Links1.jpg[/img]</div>
    </div>
    <div id="Ebene7">
    <div align="center">
    [img]../Buttons/Kontakt1.jpg[/img]</div>
    </div>
    <div id="Ebene8">
    <div align="center">
    [img]../Buttons/LieferK1.jpg[/img]</div>
    </div>
    <div id="Ebene9">
    <div align="center">
    [img]../Buttons/Produkte1.jpg[/img]</div>
    </div>
    <div id="Ebene10">
    <div align="center">
    [img]../Buttons/Wer1.jpg[/img]</div>
    </div>
    <div id="Ebene11">
    <div align="left">
    <marquee height="48" loop="infinite" width="176">
    [img]../Bilder/Laufschrift.jpg[/img]
    </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">
    [img]../Bilder/language_en.gif[/img]</div>


    <font size="3" face="Verdana">Willkommen und &#x201E;Falknersheil&#x201C; bei 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

  5. #5
    Forum Guru
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ä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

Ähnliche Themen

  1. Div Zentrieren
    Von Sea-Kay im Forum HTML & CSS Forum
    Antworten: 17
    Letzter Beitrag: 11.10.2007, 17:39
  2. Div Box zentrieren?
    Von Bananachief im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 12.03.2007, 22:09
  3. div zentrieren
    Von skaal im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 20.08.2006, 18:04
  4. zentrieren mit <div>
    Von michelon139 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 12.04.2006, 22:39
  5. zentrieren!
    Von <Vincent> im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 13.07.2005, 20:14

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •