Jeg har et lite problem med absolut posisjon i css. Jeg ser at absolutt posisjon tar utgangspunktet fra topp-venstre i "body". Men hvordan kan jeg påvirke posisjonen til å ta utgangspunktet i en div med navnet "kontainer" ?
Tusen takk for all hjelp.
Her er kodene mine (om det trenges):
Fasit: bruk relativ posisjonering.
Tusen takk for all hjelp.
Her er kodene mine (om det trenges):
CSS:
<style type="text/css">
<!--
#container {
width: 796px;
margin-right: auto;
margin-left: auto;
padding-right: 3px;
padding-left: 3px;
background-image: url(background.jpg);
}
#container #innhold {
background-color: #740000;
width: 480px;
margin-left: 4px;
}
#container #innholdkontainer #footer {
background-color: #907D32;
}
#container #innholdkontainer {
background-image: url(faux.jpg);
background-repeat: repeat-y;
}
#container #sidebar {
background-color: #907D32;
float: right;
width: 200px;
margin-right: 15px;
}
#container #innholdkontainer #footer {
margin-right: 15px;
}
#container #innholdkontainer .flytned {
clear: both;
}
#container #tittel {
background-color: #907d32;
width: 794px;
height: 150px;
}
body {
background-color: #c5c5c5;
}
#container #tittel #meny {
padding-top: 70px;
}
-->
</style>
<style type="text/css">
<!--
#container {
width: 796px;
margin-right: auto;
margin-left: auto;
padding-right: 3px;
padding-left: 3px;
background-image: url(background.jpg);
}
#container #innhold {
background-color: #740000;
width: 480px;
margin-left: 4px;
}
#container #innholdkontainer #footer {
background-color: #907D32;
}
#container #innholdkontainer {
background-image: url(faux.jpg);
background-repeat: repeat-y;
}
#container #sidebar {
background-color: #907D32;
float: right;
width: 200px;
margin-right: 15px;
}
#container #innholdkontainer #footer {
margin-right: 15px;
}
#container #innholdkontainer .flytned {
clear: both;
}
#container #tittel {
background-color: #907d32;
width: 794px;
height: 150px;
}
body {
background-color: #c5c5c5;
}
#container #tittel #meny {
padding-top: 70px;
}
-->
</style>
Vis hele sitatet...
<body>
<div id="container">
<div id="tittel"></div>
<div id="innholdkontainer">
<div id="sidebar">
<p>SIDEBAR</p>
<p>Her er sidebar!</p>
</div>
<div id="innhold">
<h2>Innhold</h2>
<p>Paragrafen begynner her lajgkg jhah je ksje hejkgh je jeg hor l kjhef. <br class="flytned" />
</p>
</div>
<br />
<div id="footer">Footer iden min går her</div>
</div>
</div>
</body>
<div id="container">
<div id="tittel"></div>
<div id="innholdkontainer">
<div id="sidebar">
<p>SIDEBAR</p>
<p>Her er sidebar!</p>
</div>
<div id="innhold">
<h2>Innhold</h2>
<p>Paragrafen begynner her lajgkg jhah je ksje hejkgh je jeg hor l kjhef. <br class="flytned" />
</p>
</div>
<br />
<div id="footer">Footer iden min går her</div>
</div>
</div>
</body>
Vis hele sitatet...
Sist endret av Donquijote; 24. mars 2009 kl. 20:09.
Grunn: Automatisk sammenslåing med etterfølgende innlegg.
