Antworten auf deine Fragen:
Neues Thema erstellen

HILFE...bekomme meine Seite nicht zentriert.

BerlinArtists

Vollzeitberliner

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

Mod | Web

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

offline

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

Vollzeitberliner

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...
 
Zuletzt bearbeitet:

bubu306

Aktives Mitglied

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
 
Zuletzt bearbeitet:

cebito

undefined

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:
 

demombi

Nicht mehr ganz neu hier

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

div id="center" vergibt dem div eine Identifikation.
Versuch's mal mit div align="center".
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
118.635
Beiträge
1.538.477
Mitglieder
67.559
Neuestes Mitglied
hanuta
Oben