Frågan 18 aug. 2005 15:37 #1 Lagren lägger sig inte på rätt ställe utan sprids ut hej vilt! Gäller för typ alla lager så jag måste gjort någon grym miss.
Koden finns i följande fil: http://member.webforum.nu/1358/sida.html
Skämrdump IE som det ska se ut: http://member.webforum.nu/1358/sida_ie.gif
Skärmdump Firefox (ska inte se ut så här) http://member.webforum.nu/1358/sida_firefox.gif
Z zcorpan Medlem sedan dec. 2004 2 245 inlägg Testa använda en Strict DOCTYPE så webbläsare använder "Standards mode", så är det vanligtvis lättare att kontrollera vad som händer. :)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
För att undvika såna här situationer kan man testa i Firefox först, och IE sedan (eller båda samtidigt). I regel gör Firefox som du skrivit, och IE vet jag inte riktigt... ;)
[ins] Du kan inte heller lägga en DIV inuti en länk. Om du vill att en länk ska ta upp full bredd kan du ange display:block på länken. För övrigt skulle jag nog använda en <ul> för din meny istället för en massa divar. :) [/ins]
Med den doctypen ser det inte alls bra ut i IE stort mellanrum mellan alla lager. Dock ser det bättre ut i firefox men inte bra
Z zcorpan Medlem sedan dec. 2004 2 245 inlägg Det här kanske kan få dig på rätt spår. :)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="sv">
<head>
<title>Skola</title>
<style type="text/css">
body { min-width:25em; max-width:50em; }
* html body { width:50em; }
form#sok { float:right; }
ul#sektioner { clear:right; background:olive; margin:0; padding:.5em; line-height:2; }
ul#sektioner li { display:inline; }
ul#sektioner li a { background:blue; color:white; padding:.5em; white-space:nowrap; }
ul#sektioner li a:link,
ul#sektioner li a:visited { background:olive; color:white; }
dl#program { width:15em; float:left; clear:left; }
dl#program dd { border-right:1px solid; border-bottom:1px solid; margin:0; padding:0; }
dl#program dt a,
dl#program dd a { padding:.2em; display:block; }
div#huvudinnehall { margin-left:15em; padding:1em; }
</style>
</head>
<body bgcolor="#C2C287" text="#000000" id="all" leftmargin="10" topmargin="10" marginwidth="10" marginheight="10" link="#660000" vlink="#660000" alink="#660000">
<form action="#" id="sok">
<p><input name="q" title="Sökord"> <input type="submit" value="Sök"></p>
</form>
<ul id="sektioner">
<li><a href="#">Skolorna</a></li>
<li><a href="#">Elev</a></li>
<li><a href="#">Lärare</a></li>
<li><a href="#">Förälder</a></li>
<li><a>För 9:or</a></li>
<li><a href="#">Om F.B.</a></li>
</ul>
<dl id="program">
<dt><a href="#">Program</a></dt>
<dd><a href="#">Aspergerverksamhet</a></dd>
<dd><a href="#">Barn och fritid</a></dd>
<dd><a href="#">Bygg</a></dd>
<dd><a href="#">El</a></dd>
<dd><a href="#">Fordon</a></dd>
<dd><a href="#">Gymnasiesär</a></dd>
<dd><a href="#">Handel och administration</a></dd>
<dd><a href="#">Hotell och restaurang</a></dd>
<dd><a href="#">Individuella</a></dd>
<dd><a href="#">Industri</a></dd>
<dd><a href="#">Medie</a></dd>
<dd><a href="#">Naturvetenskap</a></dd>
<dd><a href="#">Omvårdnad</a></dd>
<dd><a href="#">Priv BP-LIA</a></dd>
<dd><a href="#">Samhällsvetenskap</a></dd>
<dd><a href="#">Samhällsvetenskap Asperger</a></dd>
<dd><a href="#">Teknik</a></dd>
<dd><a href="#">Wäxthuset</a></dd>
</dl>
<div id="huvudinnehall">
<p>[kod]</p>
</div>
</body>
</html>
[ins] Ojsan, tror det blev lite fel när jag klippte och klistrade... :r [/ins]
Är <dd> </dt> egen skapade taggar men varför slutar de inte på </dd> du får nog förklara lite mer
Z zcorpan Medlem sedan dec. 2004 2 245 inlägg DL är en definitionslista med termer (DT) och beskrivningar (DD).
