HP zentrieren

Gast

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"></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 © 2006</font></div>
</div>
</div>
<div id="Ebene12">
<div id="Ebene13">
<div align="center">

<font size="3" face="Verdana">Willkommen und „Falknersheil“ 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]

MeDoP

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!

driver

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>

Gast

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"></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>

<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 © 2006</font></div>
</div>
</div>
<div id="Ebene12">
<div id="Ebene13">
<div align="center">

<font size="3" face="Verdana">Willkommen und „Falknersheil“ 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

Ronald

Ä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

Tags