---

Jeg har ikke rørt en html finger i lang tid, og er rendt ind i et måske
trivielt problem angående et klassisik layout.

Tingene skal være som det er her, lavet med table:
http://hjem.get2net.dk/speg/tabel.html

Når jeg så vil lave det med css div's, går det lidt kage i det..

http://hjem.get2net.dk/speg/spalter.html (bruger
http://hjem.get2net.dk/speg/style.css )

Hvordan får jeg de 2 bokse, orange og grøn til at være lige store, så det
passer med at de begge rammer footeren.?

Indholdet af de 2 vil variere, så jeg kan ikke sige hvilken af de 2 som
bliver højest eller hvor høje, jeg ønsker blot at den anden følger med..
nogen ideer?

På forhånd tak.

---

Sune Storgaard wrote in dk.edb.internet.webdesign.html:

> Tingene skal være som det er her, lavet med table:
> http://hjem.get2net.dk/speg/tabel.html
>
> Når jeg så vil lave det med css div's, går det lidt kage i det..
>
> Hvordan får jeg de 2 bokse, orange og grøn til at være lige store, så det
> passer med at de begge rammer footeren.?
>
> Indholdet af de 2 vil variere, så jeg kan ikke sige hvilken af de 2 som
> bliver højest eller hvor høje, jeg ønsker blot at den anden følger med..
> nogen ideer?
>
Prøv denne: http://www.pixy.cz/blogg/clanky/css-3col-layout/
/Peter

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

"Peter Houmann" <pghfjerndette@itst.dk> skrev i en meddelelse
news:438d955c$0$15790$14726298@news.sunsite.dk...
> Prøv denne: http://www.pixy.cz/blogg/clanky/css-3col-layout/
> /Peter

Tak for forslaget, synes dog ikke helt jeg kan få den til at spille når jeg
barberer de javascripts væk. Så bliver de 2 spalter i siden kun trukket
individuelt, sålede at hvis venstresiden er længere end højre, så bliver de
ikke lige lange mere. Jeg kan heller ikke helt greje hvorfor midter
sektionen rent faktisk er delt op i 2 ?

Kan det gøres mere simpelt uden fancy tricks ?

---

Sune Storgaard wrote in dk.edb.internet.webdesign.html:
>
> Kan det gøres mere simpelt uden fancy tricks ?
>
Mener, at det er lidt vanskeligt uden brug af et-eller-andet fancy trick. Her
er endnu et forsøg,
http://www.positioniseverything.net/articles/onetruelayout/, ellers er der også
Dan Cederholms Faux Columns, tror det er på a list apart, men kan ikke huske
det.
/Peter

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Peter Houmann wrote:
> Sune Storgaard wrote in dk.edb.internet.webdesign.html:
> >
> > Kan det gøres mere simpelt uden fancy tricks ?
> >
Det kan lade sig gøre med et simpelt og ikke særlig fancy trick. Det
førnævnte faux column trick som findes her
http://www.alistapart.com/articles/fauxcolumns/

---

"tmejer" <tmejer@gmail.com> skrev i en meddelelse
news:1133374603.031959.302190@z14g2000cwz.googlegroups.com...
Peter Houmann wrote:
> Sune Storgaard wrote in dk.edb.internet.webdesign.html:
> >
> > Kan det gøres mere simpelt uden fancy tricks ?
> >
Det kan lade sig gøre med et simpelt og ikke særlig fancy trick. Det
førnævnte faux column trick som findes her
http://www.alistapart.com/articles/fauxcolumns/

Hmm nu jeg graver lidt i det, er det så ikke netop det trick som er brugt i
det link Peter Humann foreslog ?
http://www.pixy.cz/blogg/clanky/css-3col-layout/

Synes stadigvæk det er lidt rodet, taget i betragtning af hvor nemt det er
med tables :)

Jeg leder stadigvæk efter et eksempel som er barberet helt i ned til det kun
absolut nødvendige.

---

Sune Storgaard wrote:

> Indholdet af de 2 vil variere, så jeg kan ikke sige hvilken af de 2 som
> bliver højest eller hvor høje, jeg ønsker blot at den anden følger med..
> nogen ideer?
>

Du kan kun få det til at /se ud/, som om de er lige høje, som jeg forklarer i
artiklen

http://www.webdesign101.dk/w/css/csslayout/elastiklayout_1.php

hvor

http://www.webdesign101.dk/w/css/csslayout/eksempler/eksempel_5.html

indtil videre er det færdig eksempel.

--

Med venlig hilsen

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

---

"Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev i en meddelelse
news:438e27fa$0$8776$edfadb0f@dread14.news.tele.dk...
> http://www.webdesign101.dk/w/css/csslayout/eksempler/eksempel_5.html
>
> indtil videre er det færdig eksempel.

Mange tak ! ´Lidt underligt at man skal ty til den slags tricks, men det er
vel besværet værd, selvom tables synes skræddersyet til det.