levitas: Tabelle wird zusammengequetscht

Beitrag lesen

Hallo Leute!

Ich habe ein Problem, und das muss ziemlich dringend "beseitigt" werden.

Folgender HTML-Code:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html>  
	<head>  
		<title>Title</title>  
		<link type="text/css" rel="stylesheet" href="../Default.css" />  
	</head>  
	<body bgcolor="#000000" text="#FFFFFF">  
		<div align="center">  
			<table width="100%" height="100%">  
				<colgroup>  
					<col width="10%" />  
				</colgroup>  
				<tr>  
					<td height="20%"><img src="Logo_Low.png" /></td>  
					<td width="90%" height="100%" rowspan="3">  
						<object type="application/x-silverlight-2" data="data:application/x-silverlight-2," width="90%" height="90%" border="1">  
							<param name="background" value="#fff" />  
							<param name="source" value="../ClientBin/Vertigo.SlideShow.xap" />  
							<param name="initParams" value="ConfigurationProvider=DarkTheme,DataProvider=XmlDataProvider;Path=../Data/Data.xml" />  
							<a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;"><img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none" /></a>  
						</object>  
					</td>  
				</tr>  
				<tr>  
					<td height="20%">  
						Muster GMBH  
						<br />Mustergasse  
						<br />1010 Vienna, Austria  
						<br />TEL.: (+43) 01 123 45 67-89  
						<br />FAX: 	(+43) 1 123 45 67-89  
						<br />E-MAIL: 	<a href="mailto:muster@gmbh.at">muster@gmbh.at</a>  
					</td>  
				</tr>  
				<tr>  
					<td height="20%"><a href="link_zu_goole_maps"><img src="Map.png" /></a></td>  
				</tr>  
			</table>  
		</div>  
	</body>  
</html>  

Und folgendes CSS-File:

  
html,body  
{  
	height:100%;  
}  
body  
{  
	margin: 0;  
	padding: 0;  
}  
body.home  
{  
	height:auto;  
	margin:10px;  
	background:#fff;  
	font:11pt Arial,sans-serif;  
}  
body.light,body.simple  
{  
	margin:auto;  
	text-align:center;  
	background:#ccc;  
}  
body.dark  
{  
	margin:auto;  
	text-align:center;  
	background:#141414;  
}  
#logo  
{  
	border:0;  
}  
h3  
{  
	margin-top:30px;  
}  
li.sample  
{  
	margin-top:15px;  
}  
a.sample  
{  
	font-weight:bold;  
}  

Das Problem ist nur, dass die Seite total zusammengequetscht wird, siehe hir:
[URL=http://pic.leech.it/pic.php?id=bb11aec4default.png][IMG]http://pic.leech.it/t/24f17/bb11aec4default.png[/IMG][/URL]

Kann mir vllt. jemand sagen, warum?

Mfg Marc