webForumDet fria alternativet

Hur får jag divarna att ligga så här?

HTML & CSS

3 svar · 386 visningar · startad av Akerlundh

Medlem sedan maj 20031 682 inlägg
Frågan#1

Jag lyckas inte få div boxarna att ligga som på den bifogade bilden.

Två stycken jämte varandra är inga problem.
Men att få en övre och en undre och en som ligger till höger om dem bägga lyckas jag inte med.

Förmodligen jätte lätt.
Men har googlat och kolla på webdesignskolan och allt utan reslutat.

Vilken kod ska jag använda mig av?

divar.JPG
Medlem sedan nov. 2005314 inlägg
#2

skapa en div som omsluter den två som ska ligga vertikalt.

Medlem sedan maj 20031 682 inlägg
#3

Okej!

Är det den enklaste lösningen?

Medlem sedan juni 2003771 inlägg
#4

Tja, går väl bra med detta också!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html>
<head>
<style type=text/css>
.div1 {position:absolute; left:5%; top:5%; width:20%; height:25%;border:1px solid black}
.div2 {position:absolute; left:5%; top:35%; width:20%; height:25%;border:1px solid black}
.div3 {position:absolute; left:28%; top:5%; width:45%; height:55%;border:1px solid black}
</style>
</head>
<body>
<div class=div1></div> 
<div class=div2></div>
<div class=div3></div> 
</body>
</html>
269 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
122 ms — deklarationer (db)
0 ms — hämta statistik (cache)
136 ms — hämta tråd, inlägg och bilagor (db)
130 ms — ändringar (db)