Tabelle - Absolute mitte

elooo · 13.11.2007, 20:42

Hey leute

ich hab ein grundgerüst für eine html-seite im dreamweaver mit tabellen und iframes erstellt. ich hab da eine tabelle in der alles drinnen ist und würde die nicht nur horizontal, sondern auch vertikal mittig platzieren, schaff das aber nicht...

hier der code:

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url();
}
.Stil1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_goToURL() { //v3.0
  var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
  for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}

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>
<link href="css/allgemain.css" rel="stylesheet" type="text/css" />
</head>

<body onload="MM_preloadImages('segmente/head_sprechtraining.jpg','segmente/head_angebot.jpg')">
<p class="allgemain">&nbsp;</p>
<table width="853" height="483" border="0" align="center" cellpadding="0" cellspacing="0" class="allgemain">
  <tr>
    <td width="269" height="483" align="right" valign="top"><iframe src="links.html" name="links" width="269" marginwidth="0" height="483" marginheight="0" scrolling="no" frameborder="0"></iframe>
    *</td>
    <td width="584" align="left" valign="top"><div align="left"><img src="segmente/head.jpg" name="Image1" width="584" height="98" border="0" align="absbottom" usemap="#Map" id="Image1" />
        <table width="584" height="385" border="0" align="left" cellpadding="0" cellspacing="0">
          <tr>
            <td width="584" height="385" align="left" valign="top" background="segmente/body.jpg"><iframe src="home.html" name="iframe" width="560" marginwidth="0" height="340" marginheight="0" scrolling="auto" frameborder="0"></iframe></td>
          </tr>
            </table>
    </div></td>
  </tr>
</table>

<p>
  <map name="Map" class="allgemain" id="Map">
    <area shape="rect" coords="7,76,184,98" href="#" onclick="MM_goToURL('links','links_ubermich.html');return document.MM_returnValue" onmouseover="MM_swapImage('Image1','','segmente/head_ubermich.jpg',1)" onmouseout="MM_swapImgRestore()" />
    <area shape="rect" coords="192,76,368,100" href="#" onclick="MM_goToURL('links','links_ubermich.html');return document.MM_returnValue" onmouseover="MM_swapImage('Image1','','segmente/head_sprechtraining.jpg',1)" onmouseout="MM_swapImgRestore()" />
    <area shape="rect" coords="377,76,553,100" href="#" onclick="MM_goToURL('links','links_ubermich.html');return document.MM_returnValue" onmouseover="MM_swapImage('Image1','','segmente/head_angebot.jpg',1)" onmouseout="MM_swapImgRestore()" />
    <area shape="rect" coords="1,15,557,57" href="#" onclick="MM_goToURL('links','links.html');MM_goToURL('iframe','home.html');return document.MM_returnValue" />
  </map>
</p>
</body>
</html>

vll kann mir jemand helfen.

lg elooo

Mich@el · 13.11.2007, 22:40

Hi, vielleicht hat´s ja auch einen Grund, warum Du gerne Tabellen horizontal bzw. vertikal zentrieren möchtest.
Nur ist´s so, dass das mit Tabellen so ´ne Sache ist. Wenn ich Deinen Code durch ein Validierungsprogramm "jage", werden ´ne Menge Fehler angezeigt.
Eine Alternative (ob sie besser ist, entscheide selbst) wäre es, mit CSS zu erreichen.
Auf fractatulum.net wird es anhand von Beispielen sehr schön erklärt.

Grüße
Michael

elooo · 15.11.2007, 15:32

ok super... danke für deinen tipp. ich werds so versuchen.

lg elooo

Mich@el · 15.11.2007, 17:08

Und bei Fragen, fragen!

Grüße
Michael