Hallo!
Brauche bitte dringend Feedback zu folgendem Problem. Bin dankbar für jede Antwort.
Es ist total simple:
Tabelle mit 100% Breite und Höhe, darin befindet sich ein kleines Bild, das sowohl horizontal als auch vertikal zentriert werden soll. Tut es aber nicht.
Link: http://www.engram.cc/nolda/index.htm
DANKE im voraus & LG an alle, vrime
Moin!
Das Problem liegt beim Dokumententyp. Du hast da einen Verweis zur W3C / XHTML drinnen und verwendest dann in der Tabelle die Angabe "height=100%". Das paßt nicht zusammen, denn bei Tabellen ist "height" nur für th- und td-Tags zulässig, nicht für die Tabelle an sich. Wenn du jedoch den (generell sinnlosen) Verweis zur W3C wegläßt und den richtigen Dokumententyp für deinen Quelltext wählst, dann verwenden die Browser ihre eigene "Was-ist-HTM"-Bibliothek. Damit verstehen sie auch eine Tabellenhöhe von 100%, den diese Angabe gab es früher einmal und alle Browser wissen das auch (noch).
Bei der Gelegenheit:
Formatiere am besten alles mit Stylesheets, dann könnte es auch künftig mit der 100%-Angabe bei Tabellen wieder klappen, denn mit CSS 2 sollen diverse Änderungen kommen. Meines Wissens ist die height-Angabe für Tabellen als Stylesheet dann wieder dabei. Ohne den verweis auf die W3C funktioniert es auch heute schon.
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">reicht als Dokumententypangabe für die meisten Fälle völlig aus.
Denn XHTML-Verweis solltest du auch ausbauen - oder die Seite komplett auf XHTML umstellen und nicht nur 2 Meta-Tags. Ob sich XHTML jemals allgemein durchsetzen wird ist allerdings fraglich und ich würde an deiner Stelle zunächst erstmal bei dem normalen HTML bleiben.
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta name="generator" content="Adobe GoLive">
<title>nolda.at | nolda76</title>
<style type="text/css">
<!--
body {
margin: 0px;
paddimg:0px
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
color: #000000;
background-color: #FFFFFF;
font-weight: normal;
text-decoration: none;
line-height: 14px;
text-align:center;
}
td {
margin-bottom: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-weight: normal;
text-decoration: none;
line-height: 14px;
}
.small {
margin-bottom: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 9px;
color: #afafaf;
font-weight: normal;
text-decoration: none;
line-height: 14px;
}
a {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
background-color: #003781;
font-weight: bold;
text-decoration: none;
}
a:hover {
background-color: #afafaf;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function PopUp(url,w,h)
{
var dim=eval("'width='+w+',height='+h+'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizeable=0,top=100,left=100'");
Npop = window.open(url,"pop",dim);
}
//-->
</script>
</head>
<body>
<table style="border:0px;width:100%;height:100%;margin:auto" cellpadding="0" cellspacing="0">
<tr>
<td style="text-align:center;">
[url='javascript:PopUp('site.htm',810,600)'][img]img/nolda76.gif[/img][/url]
</td>
</tr>
</table>
</body>
</html>G.a.d.M.
Ronald
vielen dank!
hast mir den tag gerettet 
lieben gruß, branka