hi ich bin s noch ma. also ich hab hier foldende page http://monkey91.mo.funpic.de/enter/Designs/bf2black1280x960/.
problem besteht darin das das template auf der linken seite "klebt" (auf den Auflösungen 1280x1024 & 1600x1200) ich möchte das jetzt so mehr in die mitte haben sowohl horizontal als auch vertikal
MFG
ThePB (ThePunkbusted_2006)
also soll praktisch die komplette seite horizontal sowei vertikal zentriert sein ?
falln mir spontan 2 lösungen ein...
- ein div außenrum
- ein tabelle außenrum
und dann die werte valign=center und align=center geben...
??kapier ich net^^ ich schick ma den quelltext. sag mir ma wie das dann aussehen muss
<html>
<head>
<title>bf2enter</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="1280" height="961" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
[img]images/enter_01.jpg[/img]</td>
<td>
[url='http://monkey91.mo.funpic.de/fear3/news/index.php'][img]images/enter_02.jpg[/img][/url]</td>
<td colspan="2">
[img]images/enter_03.jpg[/img]</td>
</tr>
<tr>
<td>
[img]images/enter_04.jpg[/img]</td>
<td colspan="3">
[img]images/enter_05.jpg[/img]</td>
<td>
[img]images/enter_06.jpg[/img]</td>
</tr>
<tr>
<td rowspan="2">
[url='http://www.electronic-arts.de/publish/page199587066214221.php3'][img]images/enter_07.jpg[/img][/url]</td>
<td colspan="3">
[img]images/enter_08.jpg[/img]</td>
<td rowspan="2">
[url='http://www.electronic-arts.de/publish/page199587066214221.php3'][img]images/enter_09.jpg[/img][/url]</td>
</tr>
<tr>
<td colspan="3">
[url='http://bf2-archiv.planet-multiplayer.de/index.php?name=Content&pa=showpage&pid=29'][img]images/enter_10.jpg[/img][/url]</td>
</tr>
<tr>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
</tr>
</table>
</body>
</html>gib vor dem öffnenden table-tag
<div align = "center">ein
und nach dem schließenden table-tag
</div>und noch ein valign....
obwohl des bei dir eigentlich sinnlos is, da deine seiten eh zum scrollen sind...
so ma testen
test...test..test
Ah es funtz^^ danke
wie is des eigt wenn ich das jetzt vertikal zentrieren möchte?
das vertikale zentrieren geht über den befehl valign / vertical-align wie driver schon sagte 
da soll dann nicht nur
<div align="center">
.
..
...
</div>sondern
<div align="center" style="vertical-align:middle; ">
.
..
...
</div>
ein.
der style-tag muss da hin weil "valign" für das div-tag eigentlich nicht vorgesehen ist, wenn ich mich recht entsinne.
Wenn ich mich recht entsinne, funktioniert das vertikale Ausrichten in Divs nicht mit vertical-align, sondern nur in Tabellenzellen. Also:
<table>
<tr>
<td style="vertical-align:middle;"> oder <td valign="middle">
.
.
.
</td>
</tr>
</table>doch es funktioniert 
nur halt mit dem css-attribut im style-tag.
aber mit der tabelle gehts natürlich auch. dann spart man sich den style-tag.
kommt vom "schreibaufwand" und der effektivität ja auf das gleiche raus.
ach ich schreib da ja net viel hab doch dreamweaver
Zitat von ThePBach ich schreib da ja net viel hab doch dreamweaver
*lol*
Hallo liebe Kollegen,
auf meine Site befindet sich 2 900x500px Tabellen horizontal zentriert im Bild. Eine Untertabelle, die für den Rahmen sorgt und eine Tabelle mit mehreren Spalten und Zeilen für die Inhalte etc. ... wie schaffe ich es hier, dass es immer horizontal wie vertikal zentriert ist ... ?
ZitatAlles anzeigen<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Kommunikationsdesign Bernd Deuwe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="refresh" content="18;URL=start.htm">
<meta name="description" content="Avantgarde am Starnberger See">
<meta name="keywords" content="Kommunikationsdesign,Design,Grafikdesign,Layout,Konzeption,Fotografie,Fotodesign,Bernd Deuwe,Pixara,Pixel">
<meta name="author" content="Bernd Deuwe, http://www.pixara.de">
<meta name="copyright" content="(c)2007 by Pixara Kommunikationsdesign,http://www.pixara.de">
<meta name="coverage" content="Worldwide">
<meta name="robots" content="index">
<meta name="robots" content="follow">
<meta name="revisit_after" content="14 days">
<meta name="identifier" content="http://www.pixara.de">
<meta name="language" content="deutsch,german,de"><script language="JavaScript" type="text/JavaScript">
<!--
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>
</head><body bgcolor="a38359" text="#FFFFFF" link="#FFFFFF" vlink="#999999" alink="#FFFFFF" onLoad="MM_preloadImages('http://pixara.de/layout/index16%202.jpg')">
<table width="900" height="500" border="2" align="center" cellpadding="0" cellspacing="0" bordercolor="927651" id="index">
<tr>
<td>
<div align="center">
<table width="900" height="500" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" rowspan="3"> <div align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/…ersion=6,0,29,0" width="450" height="300">
<param name="movie" value="http://pixara.de/layout/index2.swf">
<param name="quality" value="high"><param name="LOOP" value="false">
<embed src="http://pixara.de/layout/index2.swf" width="450" height="300" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed></object>
</div>
<div align="center"></div>
<div align="center"><font face="Arial, Helvetica, sans-serif"></font></div>
<div align="center"><font face="Arial, Helvetica, sans-serif"></font></div>
<div align="center"></div>
<div align="center"><font face="Arial, Helvetica, sans-serif"></font></div></td>
<td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"></font></div></td>
<td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2"></font></font></div></td>
</tr>
<tr>
<td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2"></font></font></div></td>
<td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2"></font></font></div></td>
</tr>
<tr>
<td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2"></font></font></div></td>
<td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2"></font></font></div></td>
</tr>
<tr>
<td height="100" colspan="3"> <div align="center"><font face="Arial, Helvetica, sans-serif"></font></div>
<div align="center"><font face="Arial, Helvetica, sans-serif"></font></div>
<div align="center"><font face="Arial, Helvetica, sans-serif">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/…ersion=6,0,29,0" width="675" height="100">
<param name="movie" value="http://pixara.de/layout/index.swf">
<param name="quality" value="high">
<param name="LOOP" value="false">
<embed src="http://pixara.de/layout/index.swf" width="675" height="100" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed></object>
</font></div></td>
<td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2"></font></font></div></td>
</tr>
<tr>
<td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2"></font></font></div></td>
<td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2"></font></font></div></td>
<td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2"></font></font></div></td>
<td width="225" height="100"> <div align="center"><font face="Arial, Helvetica, sans-serif"><font size="2"></font></font></div></td>
</tr>
</table>
</div></td>
</tr>
</table>
</body>
</html>
Ich hab Eure Codes mal versucht umzusetzen ... es klappt aber nicht ... bitte um Unterstützung ... Danke im vorraus, Ben
Es wäre besser, wenn du neue Threads aufmachst und dich nicht an uralte dranhängst.
Probier mal folgendes:
Statt
<body bgcolor="a38359" text="#FFFFFF" link="#FFFFFF" vlink="#999999" alink="#FFFFFF" onLoad="MM_preloadImages('pixara.de/layout/index16%202.jpg')">
<table width="900" height="500" border="2" align="center" cellpadding="0" cellspacing="0" bordercolor="927651" id="index">Nimm
<body bgcolor="a38359" text="#FFFFFF" link="#FFFFFF" vlink="#999999" alink="#FFFFFF" onLoad="MM_preloadImages('pixara.de/layout/index16%202.jpg')">
<table style="width: 900px; height: 500px; border: 2px solid #927651; margin: 0 auto;" cellpadding="0" cellspacing="0">Ersetze außerdem
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
durch
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">du hast doch schon nen thread, warum machst etz noch einen ?