6 svar · 305 visningar · startad av Boorg
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
#content-diven verkar inte behövas. Ta bort. 
Sen anger du 'height:100%' för IE, med ett eller annat hack
Rad 83, ta bort 'margin-top: 220px'
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:
#content-diven verkar inte behövas. Ta bort.
Rad 83, ta bort 'margin-top: 220px'
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..
Vad är för kort i IE?
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.
#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:
Vad är för kort i IE?
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.
#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 