relativ placering av två kolumner

HTML & CSS

6 svar · 398 visningar · startad av ejick

Medlem sedan mars 2001895 inlägg
Trådstart#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.

258 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
116 ms — deklarationer (db)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)