Lite problem med divs.
Tjo, jag kodar och håller i en sida till min bror och hans företag, den sida jag gjorde förrut har alltid irriterat mig, och jag har känt att jag kan göra bättre. Så nu har jag kommit på en ny design och tänkte överraska min bror ikväll på hans födelsedag med en klar testversion och se om han gillar den mer än den nuvarande.
För att komma lite närmare problemet:
Den nuvarande designen gjorde jag medans jag läste en html-kurs för att förfriska mina kunskaper, så hela sidan är uppbyggd med tables.
Nu på sistonde har jag sneglat mot divs och börjat lite mjukt med dessa, och jag kan inte påstå att jag är alltför van vid dem, varpå jag skriver detta inlägg.
Äntligen till problemet:
Problemet är egentligen 2 problem, ett generellt (vad jag tror iaf) och ett mellan IE och FF.
Om ni kikar på:
http://www.onskebrunnen.nu/design2/ så ser ni i FF att menyn och content blir lika långa som containern, men dom börjar under loggan vilket ger det hela en förskjutning.
I IE däremot så blir dom lika långa, men jag vill att sidan ska gå hela vägen ner till botten på webbläsaren.
Om någon har lite tips eller tricks för hur jag ska gå tillväga med detta?
Nuvarande designen ser ut såhär:
http://onskebrunnen.nu/
När allt är klart så ska sidan se ut såhär:
http://onskebrunnen.nu/imgs/onskebrunnen_design2.gif
Ni kanske ser varför jag vill göra en ny design?
Tack på förhand!
EDIT: Lägger in htmlkoden och länk till CSS för enkelhetens skull.
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Önskebrunnen</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="onske.css" />
</head>
<body>
<div id="container">
<div id="logo"></div>
<div id="MenuLeftside">Första sidan<br />Om Företaget<br />Arbeten<br />Kontakt<br />Länkar<br /></div>
<div id="content">
Innehåll<br />
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla<br />
</div>
</div>
</body>
</html>
Min signatur, inte din, MIN.
Bort med tassarna O.o