skapar problem css

Tja.
Så nu har jag huffsat få igång min sida.

Problem nr1: I Ie går inte diven content ända ner, Height: 100%;
Problem nr2: I FF går den enda ner men det börjar på mitten?
Problem nr3: Arkiv vill jag ha till höger.

http://www.stajl.net/blog.asp?w=1
http://www.stajl.net/ex/style.css

Edit:
Nu fungerar länkarna!

Mvh Jesper Borg

Länkarna fungerar inte för mig!

Nu skall dem fungera

1. #content-diven verkar inte behövas. Ta bort. :) Sen anger du 'height:100%' för IE, med ett eller annat hack

2. Rad 83, ta bort 'margin-top: 220px'

3. Lägg #right som syskon till #main, sen anger du float:left på #main och anger en lagom bredd så att #right får plats till höger om #main. Därefter sätter du en margin-left på #right.

   #main { float:left; width:500px; }
   #right { margin-left:500px; }
   

zcorpan skrev:

1. #content-diven verkar inte behövas. Ta bort. :) Sen anger du 'height:100%' för IE, med ett eller annat hack

2. Rad 83, ta bort 'margin-top: 220px'

3. Lägg #right som syskon till #main, sen anger du float:left på #main och anger en lagom bredd så att #right får plats till höger om #main. Därefter sätter du en margin-left på #right.

   #main { float:left; width:500px; }
   #right { margin-left:500px; }
   

1. Borta... men nu blir den för kort i Ie
2. Den skulle jag igentligen behövft för menyn. Ville att den skulle ligga längst ner i logo bilden.
3. Nu ligger arkiv där den skall ligga åt höger men inte uppåt..

1. Vad är för kort i IE?

2. Problemet är att marginaler kollapsar, så att marginalen för P hamnar utanför diven (och utanför body). Testa med padding-top istället för margin-top.

3. #right är fortfarande barn till #main. Eller för att uttrycka det på ett annat sätt, ändra

   <div id="right">
    <h1>arkiv</h1>
   </div>
   
   </div>
   </div>
   </body>
   </html>
   

   till

   </div>
   <div id="right">
    <h1>arkiv</h1>
   </div>
   
   </body>
   </html>
   

zcorpan skrev:

1. Vad är för kort i IE?

2. Problemet är att marginaler kollapsar, så att marginalen för P hamnar utanför diven (och utanför body). Testa med padding-top istället för margin-top.

3. #right är fortfarande barn till #main. Eller för att uttrycka det på ett annat sätt, ändra

   <div id="right">
    <h1>arkiv</h1>
   </div>
   
   </div>
   </div>
   </body>
   </html>
   

   till

   </div>
   <div id="right">
    <h1>arkiv</h1>
   </div>
   
   </body>
   </html>
   

Perfekt =)

Nu fungerar det kanon :bire