Problem med divar

1 svar · 397 visningar · startad av wborg 9 feb. 2008

wborgMedlem sedan dec. 2003209 inlägg

9 feb. 2008 16:44#1

Hej,

har suttit och läst igenom en hel del trådar angående divar och clear
utan att hitta något om vad jag söker.

Vad jag söker är hur man kodar för att få till följande:

Jag har 3 divar brevid varandra med hjälp av float: left
efter det har jag clear: both
och sedan 4 divar brevid varandra med hjälp av float: left

problemet här är att jag vill ha den undre raden av divar att ligga digt emot
den övre raden av divar. men tack vare clear: both blir det ett litet
mellanrum mellan dessa rader.

Hoppas att ni förstår vad jag menar, annars får jag bifoga en bild och kod vid ett senare tillfälle då jag inte kommer åt detta just nu.

Någon som förstår vad jag pratar om och som har någon idé på lösning?

Tack för nu.

Mvh
/wborg

zzzimonMedlem sedan jan. 200817 inlägg

9 feb. 2008 16:55#2

Hej,
jag är inte säker på att jag förstår vad du menar,
men med denna kod lyckas jag skapa 3 divar på
första raden, och sedan 4 divar direkt under på
andra raden. Det blir inget gap mellan första och
andra raden.

Jag har lagt clear:both i en span. Det är väl inte
så snyggt gjort egentligen.

<html>
<head>
<style>
.box {
float:left;
background-color:yellow;
border:solid 1px black;
}

</style>
</head>
<body>
<div class=box>hej</div>
<div class=box>hej</div>
<div class=box>hej</div><span style="clear:both"></span>
<div class=box>hej</div>
<div class=box>hej</div>
<div class=box>hej</div>
<div class=box>hej</div>
</body>
</html>