---

Hvis man vil have flere div'er placeret ved siden af hinanden (frem for
under hinanden), findes der så nogen anden metode end at bruge display:
table-cell eller evt. at bruge tabeller?

<!-- Div'en, som de andre div'er skal ligge inde i.
De andre div'er skal ligge ved siden af hinanden. -->
<div id='holder'>
<div id='div1'>
</div>

<div id='div2'>
</div>

</div id='div3'>
</div>
</div>

Jeg kan ikke bruge span i ovenstående tilfælde, fordi width så ikke virker.
Absolut positionering kan jeg godt bruge, men det er for ufleksibelt:
Ændrer jeg én værdi ét sted, skal jeg lige pludselig til at ændre en masse
andre steder.

--
Jonas Koch Bentzen

---

Jonas Koch Bentzen skrev:

> Hvis man vil have flere div'er placeret ved siden af hinanden
> (frem for under hinanden), findes der så nogen anden metode
> end at bruge display: table-cell eller evt. at bruge tabeller?

Float?
--
Jens Gyldenkærne Clausen
MF (medlem af FIDUSO - www.fiduso.dk)
I ovenstående tekst benyttes nyt komma.

---

Jens Gyldenkærne Clausen wrote:

> Jonas Koch Bentzen skrev:
>
>> Hvis man vil have flere div'er placeret ved siden af hinanden
>> (frem for under hinanden), findes der så nogen anden metode
>> end at bruge display: table-cell eller evt. at bruge tabeller?
>
> Float?

Tak.

float: left på div1 og div2 gør, at det virker.

--
Jonas Koch Bentzen

---

Jonas Koch Bentzen wrote:
>
> float: left på div1 og div2 gør, at det virker.

Men, fandt jeg lige ud af, holder-div'en udvider sig ikke, sådan at den
passer med den samlede størrelse på de tre div'er, den holder. Normalt vil
holder-div'en jo udvide sig og holde de tre div'er, men ikke, når man
bruger float: left på div1 og div2. Hvad kan man gøre ved det?

--
Jonas Koch Bentzen

---

Jonas Koch Bentzen wrote:
> Jonas Koch Bentzen wrote:
>
>>float: left på div1 og div2 gør, at det virker.
>
>
> Men, fandt jeg lige ud af, holder-div'en udvider sig ikke, sådan at den
> passer med den samlede størrelse på de tre div'er, den holder. Normalt vil
> holder-div'en jo udvide sig og holde de tre div'er, men ikke, når man
> bruger float: left på div1 og div2. Hvad kan man gøre ved det?

Et alternativ til float: løsningen kunne være position:absolute.

Jeg har lavet et lille forsøg med det nederst på
<http://www.garion.dk/test/index.html>. Det har ikke noget med det
problem jeg beskriver på siden at gøre

Siden validerer (bortset fra manglende charset - som kan være ligemeget
her) som CSS, så det kan ikke være forkert at undlade en top: - position
(det var jeg lidt i tvivl om om man skal angive).

mvh

Jesper Brunholm

---

>Men, fandt jeg lige ud af, holder-div'en udvider sig ikke, sådan at den
>passer med den samlede størrelse på de tre div'er, den holder. Normalt vil
>holder-div'en jo udvide sig og holde de tre div'er, men ikke, når man
>bruger float: left på div1 og div2. Hvad kan man gøre ved det?

Indsæt en <div> lige efter den sidste div (div2) som har style="clear:
both; height: 1px; overflow: hidden"

/Brian
http://www.hybreed.net

---

Jonas Koch Bentzen skrev:

>> float: left på div1 og div2 gør, at det virker.
>
> Men, fandt jeg lige ud af, holder-div'en udvider sig ikke,
> sådan at den passer med den samlede størrelse på de tre
> div'er, den holder.

Hjælper det at sætte overflow: auto;? - evt. også width: auto;

Ellers skal du kigge på alternative værdier af display.
--
Jens Gyldenkærne Clausen
MF (medlem af FIDUSO - www.fiduso.dk)
I ovenstående tekst benyttes nyt komma.

---

Jens Gyldenkærne Clausen wrote:

> Jonas Koch Bentzen skrev:
>
>>> float: left på div1 og div2 gør, at det virker.
>>
>> Men, fandt jeg lige ud af, holder-div'en udvider sig ikke,
>> sådan at den passer med den samlede størrelse på de tre
>> div'er, den holder.
>
> Hjælper det at sætte overflow: auto;? - evt. også width: auto;

Kun i Mozilla - ikke i Opera 6 og Konqueror.

--
Jonas Koch Bentzen