webForumDet fria alternativet

Position i CSS

HTML & CSS

2 svar · 204 visningar · startad av Tjock-Erik

Medlem sedan nov. 2002102 inlägg
Frågan#1

Jag förstår inte riktigt skillnaden mellan alla olika saker man kan välja mellan för position. Finns det någon enkel förklaring på någon hemsida?

Jag skulle i alla fall vilja ha så här:
__ __
| | | |
| DIV1 | | DIV2 |
| | | |
|_
_ | |_
_____________________|

Div1 ska vara tio px från vänstra kanten, och den ska anpassas efter vilken bild som läggs in. Div två ska alltid vara 20 px från div1 och fylla ut resten av området ända till tio px från högra kanten. Kan detta ordnas? Jag har testat med float och relative, men då hamnar bara div2 under div1.

Medlem sedan nov. 2002102 inlägg
#2

Det blev fel på skissen. Det får bli lite enklare:

<10 px> DIV1 <20 px> DIV2 <10 px>

Medlem sedan feb. 2003774 inlägg
#3

Float-lösning:

<div style="float:left; width:100px; border:1px solid green; margin-left:10px;">Div1</div>
<div style="float:left; width:100px; border:1px solid green; margin-left:20px; margin-right:10px;">Div2</div>
258 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
127 ms — deklarationer (db)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)