Salut.Incerc sa fac un layout (header , sidebar left, sidebar right si footer) "lichid" in css, folosind em si %.Problema e ca atunci cand fac preview in browser si il restrang, se intampla beleaua si se duc divurile in jos.In xhtml am asa : wrapper-ul este containerul in care am headerul, navleft, navright, main, si footer in aceasta ordine, iar dupa main am tagul br cu class clearfloat.Poate imi dati o sugestie, eventual si un layout hibrid, cu px.Multam !
P.S  aici e codul:



body { background:#99CC33;
   margin:0;
   padding:0;
}
div#wrapper { margin:0 auto;
  padding:0;
  width:100%;
}
div#header { width: 80%;
             height:200px;
}
div#navleft { width:21em;
              float:left;
}
div#navright { width:11em; float:right;
}
div#main { width:30em; float:left;
      
   .clearfloat { clear:both;
}
          

div#footer { width:100%;
             clear:both;

}

Stai sa nu zic prostii .. nu trebuie div leftul sa aiba 20 la suta? daca headerul are 80 la suta si totalul e de 100 la suta?

Nu ma pricep la CSS-uri din astea, asa ca e mare probabilitate sa zic tampenii.

Bun venit

Bine v-am gasit!Din nou!Intru de ceva vreme atat pe forum cat si pe blogul tau de ceva vreme asa ca ma simt deja de-al casei.
Header este sus si ocupa 80% .In stanga sub header e navleft ,langa navleft e main, langa main e navright, care navright urca in sus intrand exact in spatiul ala de 20% ramas de la header.O sa incerc sa atasez o schita .
Am testat atat unele din site-urile tale,(cand ceva nu merge, merg sa vad cum a facut dojo), cat si altele, si observ ca atunci cand restrangi fereastra browserul-ui, se restrange doar spatiul din stanga si dreapta contentului, acesta ramanand fix.Deasemenea am schimbat rezolutia si intrand pe dojoblog, am observat ca imi apare jos scroll bar, de unde deduc ca ai folosit un layot fixed.
Intrebarile mele ar fi:
1.cand faci layoutul, ce rezolutie folosesti pentru preview?adica mai iei in considerare si eventualele (putine probabil) rezolutii de 800 pe 600?
2.ce unitati de masura(adica em % px) folosesti in css pentru valorile diferitelor elemente?
3.ai niste tipsuri, sau macar un exemplu pt ce e descris mai sus si mai jos( ca dupa aia ma prind eu cum sta treaba)?
P.S aici e codul xhtml simplificat:


<div id="wrapper">

<div id="header">

</div>

<div id="navleft">

</div>

<div id="navright">

  
</div>


<div id="main">

</div>
<br class="clearfloat" />

<div id="footer">

</div>

</div>

Eu am cam 900 si ceva width de cele mai multe ori. Nu prea mai lucrez pe 800.

http://www.dynamicdrive.com/style/layouts/

Eu de pe aici ma mai ajut .. vezi ce intelegi de pe acolo. Nu sunt in specialitate din pacate