Antworten zum Thema „HILFE...bekomme meine Seite nicht zentriert.“

BerlinArtists · 02.06.2009

Hi,

ich benötige Eure Hilfe...
ich verusche verzweifelt meine Homepage zu zentrieren... hab schon bei SelfHTML nachgelesen, aber wenn ich den Code einfüge, passiert gar nichts... Ich arbeite mit Dreamweaver/Ebenen...

Hier die Seite, die zentriert werden soll:

und hier der Quelltext:

PHP:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<title>The Faces of Theater</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
.Stil4 {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}
.Stil6 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.Stil7 {font-size: 12}
.Stil8 {font-size: 12px}
.Stil9 {color: #000000}
.Stil10 {color: #CCCCCC}
a {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}
a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
a:link {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a:active {
    text-decoration: none;
}
-->
</style>
</head>
<div id="center">
   


<style type="text/css">
html,body { height:100%; margin:0; padding:0; text-align:center; }
div#center {background:images/textured.gif) repeat-y; height:100%; width:760px; margin: 0 auto 0 auto;}
</style>

<body onload="MM_preloadImages('Bilder/over_06.gif','Bilder/over_07.gif','Bilder/over_08.gif')">
<div id="Layer13" style="position:absolute; width:650px; height:31px; z-index:16; left: 163px; top: 612px;">
<!-- START SHORTNEWS TICKER -->
<script type="text/javascript">
var w = 623;
var h = 20;
var sparte = 4;
var rubrik = 13;
var sn_id = "a";
var ticker_cfg = "tid=320908&tickercolor=#DDDDDD&transparent=1&speed=4&fontcolor=#000000&rollovercolor=#990000&visitedlinkcolor=#ffffff&splitcolor=#043971&font=Arial&fontsize=11&fontbold=1&fontunderline=0&rolloverunderline=0;";
</script>
<table cellspacing="0" cellpadding="0" width="650"><tr><td width="27" style="background-color:transparent">&nbsp;</td>
<td><script type="text/javascript" src="http://newsticker.shortnews.de/de/js/free/6/ticker.js?1"></script></td></tr></table>
<!-- END SHORTNEWS TICKER -->

</div>
<body background="Bilder/textured_bg.gif" text="#990000" link="#0000CC" vlink="#000066" alink="#000000">
    <div id="HEAD2" style="position:absolute; width:200px; height:115px; z-index:2; left: 702px; top: 0px;"><img src="Bilder/Site_02.gif" width="322" height="257" /></div>
    <div id="Layer1" style="position:absolute; width:126px; height:76px; z-index:5; left: 0px; top: 181px;"><img src="Bilder/Site_03.gif" width="126" height="76" /></div>
    <div id="HEAD1" style="position:absolute; width:200px; height:115px; z-index:1; left: 0px; top: 0px;"><img src="Bilder/Site_01.gif" width="702" height="181" /></div>
</div>
</div>



<head>
<div id="Layer3" style="position:absolute; width:126px; height:381px; z-index:6; left: 0px; top: 257px;"><img src="Bilder/Site_11.gif" width="126" height="381" /></div>
<div id="Layer4" style="position:absolute; width:774px; height:381px; z-index:7; left: 126px; top: 256px;"><img src="Bilder/Site_12.gif" width="774" height="381" /></div>
<div id="Layer12" style="position:absolute; width:726px; height:257px; z-index:15; left: 147px; top: 280px;">
  <p align="left" class="Stil6 Stil9">Herzlich Willkommen bei The Faces of Theater</p>
  <h1 align="left" class="bodytext Stil4">Sch&ouml;n Sie bei uns begr&uuml;ssen zu d&uuml;rfen. </h1>
  <h1 align="left" class="bodytext Stil4"><em>The Faces of Theater </em>&nbsp;ist Ihr kompetenter Partner in Sachen <font class="Stil8">Konzeptentwicklung</font><span class="Stil7">,  Visualisierung, Technische Beratung, Pre- &amp; Postproduction, Mediensteuerung, Ton- &amp; Konferenztechnik, Projektionstechnik, Lichttechnik, <br />
  Dekorations- &amp; B&uuml;hnenbau </span>. Wir geleiten Sie von der Planung bis zur Realisation Ihres Auftritts bzw. Ihrer Veranstaltung. Gerne unterbreiten wir Ihnen ein individuelles Angebot nach Ihren Vorgaben. </h1>
  <h1 align="left" class="bodytext Stil4">Sollten Sie Fragen haben, stehen wir Ihnen pers&ouml;nlich, telefonisch oder auch per E-Mail zur Verf&uuml;gung. </h1>
  <h1 align="left" class="bodytext Stil4">Sie erreichen uns unter Tel.: +49 (0) 30 / 39 88 723-0 </h1>
  <h1 align="left" class="bodytext Stil4">Wir freuen uns auf Ihren Anruf. </h1>
</div>
<div id="Layer5" style="position:absolute; width:123px; height:115px; z-index:8; left: 900px; top: 257px;"><img src="Bilder/Site_13.gif" width="124" height="381" /></div>
<div id="Layer2" style="position:absolute; width:85px; height:24px; z-index:10; left: 126px; top: 181px;"><a href="index.htm"><img src="Bilder/Site_04.gif" width="576" height="35" border="0" /></a></div>
<div id="Layer7" style="position:absolute; width:73px; height:18px; z-index:11; left: 126px; top: 215px;"><img src="Bilder/over_05.gif" width="125" height="41" /></div>
<div id="Layer8" style="position:absolute; width:108px; height:27px; z-index:12; left: 251px; top: 215px;">
  <div id="Layer6" style="position:absolute; width:54px; height:22px; z-index:1; left: 123px; top: 1px;"><a href="index3.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','Bilder/over_07.gif',1)"><img src="Bilder/Site_07.gif" name="Image11" width="130" height="41" border="0" id="Image11" /></a></div>
<a href="index2.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','Bilder/over_06.gif',1)"><img src="Bilder/Site_06.gif" name="Image10" width="123" height="41" border="0" id="Image10" /></a> </div>
<div id="Layer9" style="position:absolute; width:135px; height:25px; z-index:13; left: 504px; top: 216px;"><a href="index4.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','','Bilder/over_08.gif',1)"><img src="Bilder/Site_08.gif" name="Image12" width="158" height="41" border="0" id="Image12" /></a>
  <div id="Layer14" class="Stil8" style="position:absolute; width:328px; height:28px; z-index:17; left: -168px; top: 446px;">
    <p><a href="index.htm">Start</a> - <a href="index2.htm">Katalog</a> - <a href="index3.htm">Kontakt</a> - <a href="index4.htm">Impressum</a> - <a href="Sites/DE/Downloads.htm">Download    </a></p>
  </div>
  <div id="Layer11" style="position:absolute; width:200px; height:115px; z-index:1; left: -505px; top: 422px;"><img src="Bilder/Site_14.gif" width="1024" height="130" /></div>
</div>
<div id="Layer10" style="position:absolute; width:26px; height:22px; z-index:14; left: 662px; top: 216px;"><img src="Bilder/Site_10.gif" width="40" height="40" /></div>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></body>

</html>

Danke schon mal im voraus.

LG

sokie · 02.06.2009

AW: HILFE...bekomme meine Seite nicht zentriert.

Da musst du erstmal das Ding bereinigen. du hast mehrere <body> bereiche und falsche <head> tags
bevor man da am Aussehen schraubt muss erstmal die Struktur stimmen.

Herr_D · 02.06.2009

AW: HILFE...bekomme meine Seite nicht zentriert.

Wie willst du auch was in die Mitte kriegen, wenn du alles absolut positionierst?

Der Code muß komplett umgeschrieben werden...

Vor allem: Paß mal auf, dass du nur das in den <head></head> schreibst, was da reingehört... <!--- auch schließt usw.

Der Quellcode ist total falsch... wer hat dir den geschrieben?

BerlinArtists · 02.06.2009

AW: HILFE...bekomme meine Seite nicht zentriert.

Also ich muss dazu sagen...ich bin totaler Newbie... in Sachen HTML, Flash und DW. Hab einfach in der Entwurfsansicht gearbeitet... mir Ebenen erstellt und losgelegt... aber wenn ich jetzt das "absolute" in "center" ändere, passt die Grafik nicht mehr...

bubu306 · 02.06.2009

AW: HILFE...bekomme meine Seite nicht zentriert.

leg mal um Deine DIV Tag um die Auswahl herum (wrapper)

mit einer festen definition v. Breite und Höhe solltest Du die Seite zentriert bekommen
#wrapper {
width:1000px; Beispiel
height:900px; Beispiel
margin-left:auto;
margin-right:auto;

Ich hab gesehen Du arbeitet mit keinem CSS-Layout, da müsstest Du natürlich die Anpassung im CSS machen

cebito · 02.06.2009

AW: HILFE...bekomme meine Seite nicht zentriert.

Ehrlich, das die Seite überhaupt funktioniert :eek:

da ist ja alles durcheinander.

- ein <head> direkt vor dem schließenden </html>, dafür wird head oben schon geschlossen, wo noch überhaupt nicht eröffnet
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> auch ganz unten, wenn das gelesen wird ist die Seite eh schon geladen
- der body-tag beginnt mitten in einem div

Ich mag nicht weiterschauen :nee:

BerlinArtists · 02.06.2009

AW: HILFE...bekomme meine Seite nicht zentriert.

ich versuch mal die Fehler zu beheben :-(

demombi · 16.07.2009

AW: HILFE...bekomme meine Seite nicht zentriert.

div id="center" vergibt dem div eine Identifikation.
Versuch's mal mit div align="center".