Html-frågor

[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?

[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>

[Nerre]

Är inte hela poängen med "float" just att de ska vara rörliga?

[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...

[BJ]

Nerre, kanske.

Båda sätten fungerar. Tack.