---

Hvordan laver jeg følgende med CSS?

A | B | C | D

A er et område med fastsat bredde, fx 200px.
B, C og D er områder som skal dele den resterende plads imellem sig, en
1/3-del til hver.

Hvis browser-vinduets bredde er 500 pixels, så skal A optage 200 pixels,
mens B, C og D hver optager 100 pixels.
Tilsvarende hvis browser-vinduets bredde er 800 pixels, så skal A, B, C
og D hver optage 200 pixels.

---

AHM wrote:
> Hvordan laver jeg følgende med CSS?
>
> A | B | C | D
>
> A er et område med fastsat bredde, fx 200px.
> B, C og D er områder som skal dele den resterende plads imellem sig, en
> 1/3-del til hver.
>
> Hvis browser-vinduets bredde er 500 pixels, så skal A optage 200 pixels,
> mens B, C og D hver optager 100 pixels.
> Tilsvarende hvis browser-vinduets bredde er 800 pixels, så skal A, B, C
> og D hver optage 200 pixels.

Mener bare du skal sætte procenter på så:


A
Width: 40%;

B
Width: 20%;

C
Width: 20%;

D
Width: 20%;

--

Multimediedesigner
Kasper Christensen
http://www.kasperc.dk

---

Kasper Christensen <"news"@\"FJERN123\"kasperc.dk> skrev:

>Mener bare du skal sætte procenter på så:

>A
>Width: 40%;

Det giver ikke A en fast bredde på 200 pixels.

Princippet er at der skal en div om B, C og D. Derinde i skal de
så hver have en div med bredden 33% (som skal justeres så det
virker i IE - men det er måske margin og padding der skal
fjernes?).

PS. Utestet.

--
Bertel
http://bertel.lundhansen.dk/   FIDUSO: http://fiduso.dk/

---

Kasper Christensen" <"news"@\"FJERN123\ wrote:
> AHM wrote:
>> Hvordan laver jeg følgende med CSS?
>>
>> A | B | C | D
>>
>> A er et område med fastsat bredde, fx 200px.
>> B, C og D er områder som skal dele den resterende plads imellem sig,
>> en 1/3-del til hver.

Sådan:

http://www.hjemmesideskolen.dk/html/float.asp#spalter

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