Sida 1 av 1
Html-frågor
Postat: 25 maj 2020, 14:24:13
av BJ
Jag har några div:ar bredvid varandra
som börjar så här:
<div style="float: left;
Om man drar ihop Firefox-fönstret så
hoppar dom ner under varandra.
Finns det något enkelt sätt att få dom
att sitta kvar bredvid varandra?
Re: Html-frågor
Postat: 25 maj 2020, 15:25:09
av LarryXz
Utan att veta hur resten av sidan ser ut så kan man göra nånting så här. Någon annan har säkert ett bättre alternativ.
Kod: Markera allt
<div style="width: 620px;">
<div style="border: 1px solid black; width: 150px; float: left;">
Div 1
</div>
<div style="border: 1px solid red; width: 150px; float: left;">
Div 2
</div>
<div style="border: 1px solid green; width: 150px; float: left;">
Div 3
</div>
<div style="border: 1px solid blue; width: 150px; float: left;">
Div 4
</div>
</div>
Re: Html-frågor
Postat: 25 maj 2020, 15:31:40
av Nerre
Är inte hela poängen med "float" just att de ska vara rörliga?
Re: Html-frågor
Postat: 25 maj 2020, 16:25:54
av MadModder
En variant
Kod: Markera allt
<div style="border:solid; display:table-cell;">div nr 1 är här! Och den är såhär bred...</div>
<div style="border:solid; display:table-cell;">div nr 2 är här! Och den är såhär bred...</div>
<div style="border:solid; display:table-cell;">div nr 3 är här! Och den är såhär bred...</div>
<div style="border:solid; display:table-cell;">div nr 4 är här! Och den är såhär bred...</div>
En div lägger sig längst till vänster som standard, så är det det enda man vill så behövs ingen float left.
[edit]
lade in rätt exempel...
Re: Html-frågor
Postat: 25 maj 2020, 18:14:37
av BJ
Nerre, kanske.
Båda sätten fungerar. Tack.
