---

Når jeg fx. i css laver en boks med en bredde på 600px og indsætter til
billed med en uvilkårlig bredde og float: left.

Hvordan får jeg så den anden <div> boks inde i den første til at fylde hele
den resterende bredde dvs. (600-billedets bredde).

<div id="side">
<Indsat billed>

<div id="tekst">
Tekst
</div>

</div>

Med width: 100% i css så er det hele skærmens bredde?


/Magnus

---

Magnus wrote:
> Når jeg fx. i css laver en boks med en bredde på 600px og indsætter til
> billed med en uvilkårlig bredde og float: left.
>
> Hvordan får jeg så den anden <div> boks inde i den første til at fylde hele
> den resterende bredde dvs. (600-billedets bredde).
>
> <div id="side">
> <Indsat billed>
>
> <div id="tekst">
> Tekst
> </div>
>
> </div>
>
> Med width: 100% i css så er det hele skærmens bredde?
>
>
> /Magnus
>

#side {
position:relative;
....
}
gør denne div til referenceramme for den inden i.


--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

---

Jørgen Farum Jensen wrote:
> Magnus wrote:
>> Når jeg fx. i css laver en boks med en bredde på 600px og indsætter
>> til billed med en uvilkårlig bredde og float: left.
>>
>> Hvordan får jeg så den anden <div> boks inde i den første til at
>> fylde hele den resterende bredde dvs. (600-billedets bredde).

> #side {
> position:relative;
> ...
> }
> gør denne div til referenceramme for den inden i.

Det skulle ikke være nødvendigt. Når et billede er indsat med float:left i
en boks med defineret bredde, vil tekst smyge sig om billedet, uden at man
behøver at sætte en bredde på - bredden er allerede sat i den omgivende
boks.

Det eneste, som man - af kosmetiske grunde - kan overveje, er at sætte
margin-right og margin-bottom på billedet.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/