• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Webseite Zentrieren

xCiiiD

Neues Mitglied
Hallo, Ich habe folgende Frage:

Meine website füllt 1366x768 komplett aus. Auf smartphones muss man ein wenig scrollen aber das ist nicht das Problem. Ich habe die elemente so angepasst das sie mit einem schwarzen hintergrund harmonieren das es beispielsweiße auch auf 1920x1080 gut aussieht, da ich selbst 2 1920x1080 bildschirme verwende sehe ich dort das Problem das meine Website links fest klebt da sie nicht mit einem Abstand zu den Seiten positioniert ist. Ich hätte sie aber gern mittig. Nun habe ich das Problem das ich dann die gesamte tabelle mit abständen versehen muss die jeh nach bildschirm auflösung "berechnet" werden und somit sollte es wenn es für 1920x1080 optimiert ist auf 1336x768 wiederum verschoben aussehen, denke ich.

HTML:
<html><head><title>Unbenannt-2</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><script type="text/JavaScript"><!--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_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_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></head><body bgcolor="#000000" leftmargin="auto" topmargin="auto" marginwidth="auto" marginheight="auto" onload="MM_preloadImages('Bilder/links_hover.jpg','Bilder/rechts_hover.jpg')"><!-- Save for Web Slices (Unbenannt-2) --><table id="Tabelle_01" width="1366" height="768" border="0" cellpadding="0" cellspacing="0">	<tr>		<td colspan="5">			<img src="Bilder/index_01.gif" width="1366" height="358" alt=""></td>	</tr>	<tr>		<td rowspan="2">			<img src="Bilder/index_02.gif" width="299" height="410" alt=""></td>		<td>			<a href="/EN/Homepage"onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','Enterpage/links_hover.jpg',1)"><img src="Bilder/index_03.gif" width="220" height="140" alt="" id="Image3"></td>		<td rowspan="2">			<img src="Bilder/index_04.gif" width="316" height="410" alt=""></td>		<td>			<a href="/DE/Homepage"onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','Enterpage/rechts_hover.jpg',1)"><img src="Bilder/index_05.gif" width="220" height="140" alt="" id="Image5"></td>		<td rowspan="2">			<img src="Bilder/index_06.gif" width="307" height="410" alt=""></td>	</tr>	<tr>		<td>			<img src="Bilder/index_07.gif" width="220" height="270" alt=""></td>		<td>			<img src="Bilder/index_08.gif" width="224" height="270" alt=""></td>	</tr></table><!-- End Save for Web Slices --></body></html>
 
Du solltest:
* dem HTML-Code einen Doctype geben (wichtig damit unterschiedliche Browser überhaupt eine Chance haben etwas einheitlich darzustellen)
* mehr CSS für die Gestaltung (dazu zählt auch die Zentrierung der Seite) verwenden
* auf HTML-Elemente und -Attribute zur Gestaltung dagegen verzichten
* keinen automatisch erstellten / gesliceden HTML-Code verwenden -> schreib alles selber, insbesondere ohne Tabellengrundgerüst

Mit dem aktuellen Code kann man dir leider nicht sagen wie Du das hinbiegen könntest, dafür ist er zu ungünstig.
 
Zurück
Oben