positionering med CSS

Du kan sagtens lave absolut positionering med variabel størrelse - cluet er at bruge nestede blokke.

#fastposition {
position: absolute;
top: 10px;
left: 10px;
width: 200px;
}

#fastposition .blok {
padding: 10px;
...
...
...
}


---

<div id="fastposition">
<div class="blok>
her er lidt tekst
</div>
<div class="blok>
her er lidt mere tekst
her er lidt mere tekst
her er lidt mere tekst
her er lidt mere tekst
her er lidt mere tekst
her er lidt mere tekst
her er lidt mere tekst
her er lidt mere tekst
her er lidt mere tekst
her er lidt mere tekst
her er lidt mere tekst
her er lidt mere tekst
her er lidt mere tekst
</div>
</div>

Tak for input,men jeg har lige et problem mere...

Hvis jeg også har to områder som skal være ved siden af hinanden, hvad gør jeg så?
Jeg har nu:
<div id="fastposition">
            <div class="blok">
                <div class="top1">
                    <asp:Label id="Label1" runat="server"></asp:Label>
                </div>
                <div class="top2">
                    <asp:Label id="Tekst1" runat="server"></asp:Label>
                </div>
            </div>
            <div class="blok">
            her er lidt mere tekst
            her er lidt mere tekst
            her er lidt mere tekst
            her er lidt mere tekst
            her er lidt mere tekst
            her er lidt mere tekst
            her er lidt mere tekst
            her er lidt mere tekst
            her er lidt mere tekst
            </div>
        </div>

Den øverste blok skal indeholde to DIV-blokke i css ved siden af hinanden. Hvis en af dem bliver stører skubbes den nederste blok ned...
Som det er nu udskrives alt indhold under hinanden

.top1 {
float: left;
}

.top2 {
float: left;
}

dette betyder at dine blokke flyder ved siden af hinanden hvis der er plads (typisk i bredden)

læg mærke til at når du bruger class-selektor kan du godt have flere identiske classer, mens id-selektorer er unikke...

håber det leder dig på rette vej...

/KaptajnB

Hvis jeg ønsker lidt mellemrum imellem top1 og top2, hvad kan man så gøre?

Har prøvet med:
.top1 {
float: left;
}
.top2 {
float: right;
}

Men der forskydes indholdet nedenunder "skævt"

du sætter bare margin på den ene boks (ex. top 1)

margin-right: 5px;

så er der 5px mellemrum mellem boxene.

Tak for hjælpen, det virker 100% nu!