nicht angemeldet
Vetikales Zentrieren klappt einfach nich
Hallo,
habe mit Dreamweaver soeben versucht, ein Bild auf einer Seite mit Hilfe
einer Tabelle vertikal und horizontal zu zentrieren:
<!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>Hardhouse-Corporation :: The Music Will Be With You</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style></head>
<body>
<table width="" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="248px" align="center" valign="middle"><img src="images/hhclogo.gif" width="566" height="248" /></td>
</tr>
</table>
</body>
</html>
Aber weder Firefox noch IE 6 peilt das. Komischerweise zeigt Dreamweaver alles zentriert an. Woran liegt das?
Gruß,
Julian
-
Hallo Julian,
Wenns denn umbedingt mit Tabellen sein muss:
<table width="" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<td height="248px" align="center" valign="middle"><img src="images/hhclogo.gif" width="566" height="248" /></td>
<td align="center" valign="middle">Zentrierter Inhalt</td>
Aber weder Firefox noch IE 6 peilt das. Komischerweise zeigt Dreamweaver alles zentriert an. Woran liegt das?
Die von mir vorgeschlagenen Korrektionen sollten funktionieren. Jedoch ist die Lösung nicht sonderlich gut, da Tabellen für Design missbraucht werden. Besser: CSS.
Dass sowohl IE, als auch Firefox, als auch Dreamweaver unterschiedliche Ergebnisse präsentieren liegt schlichtweg daran, dass alle drei Programme unterschiedliche Browserengines verwenden. Die von Dreamweaver scheint dabei besonders verkrüppelt zu sein, dass es aus dem komischen Code ein horizontal und vertikal zentriertes Bild macht ;)
Grüße,
Sven
-
Hi,
Wenns denn umbedingt mit Tabellen sein muss:
<table width="" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
Das ist aber genauso falsch und dürfte - besonders im standardkompatiblen Modus - nicht berücksichtigt werden.
freundliche Grüße
Ingo -
Klappt leider auch nicht. Das komische ist, unter Dreamweaver 6 funktioniert das noch, unter Version 8 nicht O.o
Weder CSS noch die Zentrierung per Tabellen Attribut klappt. Ich weis echt nicht weiter...
-
-
Hi,
Aber weder Firefox noch IE 6 peilt das. Komischerweise zeigt Dreamweaver alles zentriert an. Woran liegt das?
Daran, dass die Höhenangabe sich immer auf das Elternelement bezieht. Versuchs mal mit:
html,body {height:100%}
Mehr dazu im Archiv...Gruesse, Joachim
--
Am Ende wird alles gut.