Kasselayout i ren CSS

Det kan du godt opgive , det kan ikke lade sig gøre i ren CSS - venstre søjle vil 1)sættes til en fast højde 2)Eller følge indholdet af søjlen.

Du er nød til at bruge en tabel til noget af det

Det skulle nu nok kunne lade sig gøre :)

Hvis ingen andre kommer med et forslag før mig, så kan jeg lave det til dig i morgen tidlig.

Jeg kunne jo sagtens bruge en tabel og stadig få den til at være valid (x)html strict - men det ville jo være pænere ikke at bruge en tabel til det formål.

Så hvis milandt har et bud, ville det være kanon..!

milandt<<<<...Det glæder jeg mig til at se, spm har været oppe flere gange , men endnu har ingen kunne efterkomme disse ønsker i ren CSS - husk at venstre søjle og skal følge indhold

Læs ønsker i spm:
>>> (1) Jeg vil forsøge mig med at skrive følgende layout i ren CSS
>>> (2) Tanken er, at den grønne søjle til venstre altid skal være 100% høj, også hvis                  indhold i det midterste hvide område, strækker sig længere end browser-vinduets højde.

meget content:
http://milandt.dk/exp/1/

lidt content:
http://milandt.dk/exp/2/

Jo sådan kan det gøres men du burde nok lægge dette link også for at han skal få det fulde udbytte af dine eksempler
http://milandt.dk/exp/1/left.gif

Ok så... var ellers sikker på at background var en property i CSS..

Kan dette bruges?

meget content:
http://milandt.dk/exp/3/

lidt content:
http://milandt.dk/exp/4/

Når man har markup der er så overskueligt som dette, så kan du næsten ikke forlange mere..

<div id="page">   
  <div id="top">
    <div id="top-background">
      <div id="top-left-background"></div>
    </div>
    <div id="top-menu">
      <div class="menu">
        <a href="#">Lorem</a>
        <a href="#">Ipsum</a>
      </div>
    </div>
  </div>   
  <div id="main">
    <div id="left">
      <div class="menu">
        <a href="#">Lorem</a>
        <a href="#">Ipsum</a>
      </div>
    </div>
    <div id="content">
      <div class="inner">
        <h1>Lorem ipsum</h1>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>           
        <p><i>Dennis Milandt</i></p>
      </div>
    </div>
  </div>
</div>

Nej det kan man ikke, det er helt suverænt.

Fornem løsning, den får du point for :)

sweet - takker..

btw, skulle du rent faktisk bruge dette til noget, eller var det bare et slags "proof of concept"?

Det er meningen at jeg vil bruge designet, men det er også meget rart at se hvordan sådan noget kunne sættes sammen.