Problem med tabell i Ie

andreas_lindhMedlem sedan jan. 20011 140 inlägg

14 nov. 2003 13:28#1

jag har en tabell som ska vara 100%. Top raden ska vara 85 px och botten raden 35 px och mittenraden ska anpassa sig efter innehållet.

Koden ser ut så här


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <title>Alshop</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
	<link href="css/alshop1.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="js/functions.js"></script>
  </head>
  <body>
    <form name="_ctl0" method="post" action="Default.aspx" id="_ctl0">
<input type="hidden" name="__VIEWSTATE" value="dDw0NjI1MDQ0MjQ7dDw7bDxpPDE+Oz47bDx0PDtsPGk8Mz47PjtsPHQ8O2w8aTwwPjs+O2w8dDw7bDxpPDA+Oz47bDx0PDtsPGk8MT47aTwyPjs+O2w8dDw7bDxpPDA+Oz47bDx0PHQ8cDxwPGw8RGF0YVRleHRGaWVsZDs+O2w8Y2FydDs+Pjs+O3Q8aTwyPjtAPGJ1cnRvbiwgMXN0LCAxOTkga3I7aGFtbWFyYnksIDJzdCwgNTE4IGtyOz47QDxidXJ0b24sIDFzdCwgMTk5IGtyO2hhbW1hcmJ5LCAyc3QsIDUxOCBrcjs+Pjs+Ozs+Oz4+O3Q8O2w8aTwwPjs+O2w8dDxwPHA8bDxUZXh0Oz47bDw3MTc7Pj47Pjs7Pjs+Pjs+Pjs+Pjs+Pjs+Pjs+Pjs+gR+qIa91TRl9f4p0anxpif4gsLk=" />

		<table style="width:760px;height:100%;margin:auto;border-width:0px;background-color:#ffffff;" cellpadding="0" cellspacing="0">
			<tr> 
				<td style="height:85px;background-color:#ffb400;" colspan="2">
					<span class="storrubrik">
						Test
					</span>
				</td>
			</tr>
			<tr> 
				<td style="width:125px;margin-left:4px;vertical-align:top;"><table border="0" style="width:100%;">
	<tr>
		<td><a id="menu_ShowMenu0" href="/Webshop/c.aspx?SubMenu=1&amp;CatID=1">Käder</a></td>
	</tr><tr>
		<td><a id="menu_ShowMenu4" href="/Webshop/m.aspx?SubMenu=5&amp;CatID=5">Film</a></td>
	</tr>
</table></td>
				<td style="width:635px;margin-left:4px;vertical-align:top;">sdfgxvzxv</td>
			</tr>
			<tr> 
				<td style="height:35px;background-color:#f7f7f7;" colspan="2"><table id="Cart1_tblCart" cellspacing="2" cellpadding="0" border="0" style="background-color:#F7F7F7;width:100%;">
	<tr>
		<td style="width:20px;"></td><td style="width:250px;"><select name="Cart1:ddlCart" id="Cart1_ddlCart">
			<option value="T-shirt, 1st, 199 kr">T-shirt, 1st, 199 kr</option>
			<option value="Tröja, 2st, 518 kr">Tröja, 2st, 518 kr</option>

		</select></td><td style="width:100px;"><span id="Cart1_lblTotPrice">717</span></td>
	</tr>
</table>
</td>
			</tr>
		</table>
    </form>
  </body>
</html>

Css filen

html {
	height: 100%;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	background-color: #eaeaea;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

form {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

I Mozilla och Opera fungerar det men i Ie ser det ut så här
http://www.tibroik.com/misc/fel.gif

Någon som kan se några fel?