webForumDet fria alternativet

relativ placering av två kolumner

HTML & CSS

6 svar · 395 visningar · startad av ejick

Medlem sedan mars 2001895 inlägg
Frågan#1

Hej,

vet inte om min rubrik är så specificerad till ämen men någolunda i alla fall. Hur som helst så är jag ute efter ett tips på hur jag kan göra för att placera två textstycken intill varandra, ungeäfr som resultatet blir med en tabell.

<table>
  <tr>
    <td>textstycke 1</td>
    <td>Textstycke 2</td>
  </tr>
</table>

Men hur gör man samma effekt utan att använda en tabell?
Någon som vet?

Tacksam för svar

Medlem sedan apr. 200312 679 inlägg
#2
<div style="float: left;">textstycke 1</div>
<div style="float: left;">textstycke 2</div>

Ungefär?

Medlem sedan mars 2001895 inlägg
#3

Jo precis. Men om man nu vill göra så att textstycke 1 är 400px brett och textstycke 2 200 px brett hur gör man då?

Medlem sedan juli 20033 147 inlägg
#4
<div style="float: left; width: 400px;">textstycke 1</div>
<div style="float: left; width: 200px;">textstycke 2</div>
Medlem sedan mars 2001895 inlägg
#5

Tackar,

jag han dock lösa det med att sätta den högra med float: right; Kanske inte rätt sätt?

Medlem sedan apr. 200312 679 inlägg
#6

ejick skrev:

Tackar,

jag han dock lösa det med att sätta den högra med float: right; Kanske inte rätt sätt?

Det funkar också. Men då kommer den alltid flyta så långt ut till höger som möljigt, och då kanske avståndet blir för långt emellan divarna.

Medlem sedan mars 2001895 inlägg
#7

Ahh okej,

men det är lugnt i mitt fall eftersom jag har en div som ligger runt resten av sidan så att säga.

257 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
128 ms — deklarationer (db)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)
128 ms — ändringar (db)