warum klappt valign nicht mehr nach doctype?

Status
Nicht offen für weitere Antworten.
S

stefancp

Mitglied
hi leute,

hab mal wieder n problem mit meinem aktuellen projekt...
ich hab den gesamten body mit meiner haupttabelle ausgenutzt. in der oberen zeile ist das logo, darunter die horizontale navi und darunter, sowohl vertikal als auch horizontal zentriert, der content in einer weiteren tabelle fester breite. zumindestens war das so, bis ich die doctype-zeile wir folgt eingegeben hatte:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
		"http://www.w3.org/TR/html4/loose.dtd">
seitdem klebt der content an der navi-leiste, ist also nur noch horizontal mittig! wenn ich die html-version im doctype auf 3.0 ändere, sieht´s wieder richtig aus! woran kann es liegen, muß ich dafür eine andere syntax verwenden?

dank im voraus und gruß, stefan
 
Kannst du mal mehr Code posten oder nen Link...eigentlich sollte das gehen.

Übrigens:
Wirf bitte mal einen kurzen Blick in meine Signatur(Netiquette). Danke;)
 
DANKE SVEN!! Groß genug? ;-)

hier der code...
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
		"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="de">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Test</title>
<base target="_self">
</head>
<body leftMargin=0 topMargin=0 marginheight="0" marginwidth="0" style="font: normal 8pt Verdana" scroll="no">
<table height="100%" width="100%" border=0 cellSpacing=0 cellPadding=0 style="border-collapse: collapse" bordercolor="#111111">
<tr>
	<td align=left valign="middle" height="102" colspan="17" bgcolor="#FFFFFF">
	&nbsp;</tr>
<tr>
	<td align=center height="30" width="5" background="images/nav-bar-li.gif">
	<td align=center height="30" width="3" background="images/nav-bar-trenn.gif">
	<td align=center height="30" width="74" background="images/nav-bar-mit.gif">
	<a style="text-decoration: none; color: #DDDDDD" href="html/produkte.htm">Produkte</a>
	<td align=center height="30" width="3" background="images/nav-bar-trenn.gif">
	<td align=center height="30" width="76" background="images/nav-bar-mit.gif">
	<a style="text-decoration: none; color: #DDDDDD" href="html/wir.htm">Wir über uns</a></tr>
	<td align=center height="30" width="3" background="images/nav-bar-trenn.gif">
	<td align=center height="30" width="74" background="images/nav-bar-mit.gif">
	<a style="text-decoration: none; color: #DDDDDD" href="html/kontakt.htm">Kontakt</a>
	<td align=center height="30" width="3" background="images/nav-bar-trenn.gif">
	<td align=center height="30" width="74" background="images/nav-bar-mit.gif">
	<a style="text-decoration: none; color: #DDDDDD" href="html/partner.htm">Partner</a>
	<td align=center height="30" width="3" background="images/nav-bar-trenn.gif">
	<td align=center height="30" width="74" background="images/nav-bar-mit.gif">
	<a style="text-decoration: none; color: #DDDDDD" href="html/impressum.htm">Impressum</a>
	<td align=center height="30" width="3" background="images/nav-bar-trenn.gif">
	<td align=center height="30" width="4" background="images/ticker-li.gif">
	<td align=center height="30" background="images/ticker-mit.gif">
	<p class="ticker" align="left">Die neue Kollektion wird in Kürze bei uns zu...</p>
	<td align=center height="30" width="4" background="images/ticker-re.gif">
	<td align=center height="30" width="45" background="images/nav-bar-mit.gif">
	<td align=center height="30" width="3" background="images/nav-bar-trenn.gif">
	<td align=center height="30" width="5" background="images/nav-bar-re.gif">	
<tr>
	<td align=center bgcolor="#FFFFFF" colspan="17">
	<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="600" height="335">
	 <tr>
		<td width="100%" colspan="3" height="35" bgcolor="#686E6E" style="border-style:solid; border-width:1px;" align="center">
		&nbsp;</td>
	 </tr>
	 <tr>
		<td width="212" height="290" style="border: 1px solid #000000">
		&nbsp;</td>
		<td width="176" bgcolor="#6B6F73" style="border:1px solid #000000; " height="290">
		&nbsp;</td>
		<td width="212" height="290" style="border: 1px solid #000000">
		&nbsp;</td>
	 </tr>
	 <tr>
		<td width="100%" height="10" colspan="3">
		</td>
	 </tr>
	</table>
	</tr>
</table>
</body>
</html>
 
Das valign klappt schon... wass nicht klappt, ist table height="100%" , weil lt. http://www.w3.org/TR/html4/loose.dtd Tabellen kein height-Attribut haben.

<!ATTLIST TABLE -- table element --
%attrs; -- %coreattrs, %i18n, %events --
summary %Text; #IMPLIED -- purpose/structure for speech output--
width %Length; #IMPLIED -- table width --
border %Pixels; #IMPLIED -- controls frame width around table --
frame %TFrame; #IMPLIED -- which parts of frame to render --
rules %TRules; #IMPLIED -- rulings between rows and cols --
cellspacing %Length; #IMPLIED -- spacing between cells --
cellpadding %Length; #IMPLIED -- spacing within cells --
align %TAlign; #IMPLIED -- table position relative to window --
bgcolor %Color; #IMPLIED -- background color for cells --
%reserved; -- reserved for possible future use --
datapagesize CDATA #IMPLIED -- reserved for possible future use --
>
Zum Vergrößern anklicken....
 
OK, das hab ich rausgenommen, aber wie zu erwarten war, hat es nichts an meinem problem geändert! hast du denn ne idee, warum die darstellung sich ändert?
 
Lass dir mal den Rahmen der 1.Tabelle anzeigen...dann siehst du es.
Diese Tabelle ist nur so hoch, wie es ihr der Inhalt abverlangt... deswegen erscheint der Rest dazu nicht in der Seitenmitte.

Zu diesem Thema gibt es ca. 1Mio Threads im HTML/CSS-Forum.

Da wir nicht #1.000.001 brauchen, und du meinen Hinweis auf die Netiquette nicht beachtest, mach ich hier dicht. Bitte ;)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück