webForumDet fria alternativet

sida visas fel i firefox

HTML & CSSur HTML, XHTML & CSS

1 svar · 308 visningar · startad av andreas_lindh

Medlem sedan jan. 20011 140 inlägg
Frågan#1

Koden

<!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>
        <title runat="server" id="title">Västergötlands ishockeyförbund</title>
        <link href="vg2004.css" type="text/css" rel="stylesheet" />
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta http-equiv="imagetoolbar" content="no" />
        <!--[if IE]>
			<style type="text/css">
				#innehall {height:100%}
			</style>
		<![endif]-->
    </head>
    <body>
        <form runat="server" id="form1" style="margin:0px;padding:0px;">
			<div id="innehall" style="position:relative;">
				<div id="sidhuvud">
					<aspnetportal:banner id="Banner" selectedpi="0" runat="server" />
				</div>	
				<div id="content">
					<table style="width:100%;height:100%;padding:0px;margin:0px;margin-bottom:100px;">
						<tr>
							<td runat="server" visible="false" id="contentPane" style="width:auto;padding-left:5px;padding-right:5px;vertical-align:top;">
								
							</td>
							<td runat="server" visible="false" id="leftPane" style="width:170px;vertical-align:top;">
								
							</td>
							<td runat="server" visible="false" id="rightPane" style="width:230px;padding-right:5px;vertical-align:top;">
							
							</td>
						</tr>
					</table>
				</div>
				<div style="width:100%;position:absolute;bottom:0px;">
					<hr />
					<aspnetportal:footer id="Footer1" runat="server" />
				</div>
            </div>
        </form>
    </body>
</html>

css

#sidhuvud {
  background-color:#EDEDE5;
  height:107px;
  width:770px;
  float:left;
  margin: auto;
  margin-top: 0px;
  padding-top: 0px;
}
#innehall {
  background-color: #FDFDF5;
  min-height:100%;
  width: 770px;
  margin: auto;
  border-left: 1px #D8D2BD solid;
  border-right: 1px #D8D2BD solid;
}
#content {
	width: 100%;
	margin-top: 0px;
	background-color: #FDFDF5;
}

Ni kan se sidan här http://www.vghockey.net

Problemet är att diven content visas till höger om resten av sidan istället för i diven innehall

Kan någon se något fel i koden?

Medlem sedan maj 2000252 inlägg
#2

om du lägger till ett:

table {float: left;}

så funkar det

132 ms totalt · 3 externa anrop · v20260731065814-full.4bcf49fe
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)