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 ... ?
SEJUMA: Probier mal folgendes:
Statt
Code:
<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">
Nimm
Code:
<body bgcolor="a38359" text="#FFFFFF" link="#FFFFFF" vlink="#999999" alink="#FFFFFF" onLoad="MM_preloadImages('http://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
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">durch
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Hi Sejuma, jetzt sieht es so aus, ändert sich aber nix ... Tabelle sitzt weiterhin am oberen Bildrand ...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<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 style="width: 900px; height: 500px; border: 2px solid #927651; margin: 0 auto;" cellpadding="0" cellspacing="0">
<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>
Und, was mach ich hiermit ? Das hat doch keinen Wert oder doch ?
Welche Möglichkeiten gibt es noch ? Wäre Euch sehr vebunden ...
Danke um vorraus, Ben