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?
Html-frågor
Re: Html-frågor
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>
- MadModder
- Co Admin
- Inlägg: 30155
- Blev medlem: 6 september 2003, 13:32:07
- Ort: MadLand (Enköping)
- Kontakt:
Re: Html-frågor
En variant
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...
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>
[edit]
lade in rätt exempel...