Notiuni CSS: Layout fluid (lichid) si layout elastic


Layout fluid:

  • widthurile blockurilor sunt procentuale
exemplu: www.okazii.ro




Layout elastic:

  • widthurile blockurilor sunt relative la unitatea literelor (definite in em-uri)
exemplu: http://jontangerine.com/




Ps. De observat in acest exemplu este si dimensiunea imaginii din header definita in em-uri. Tot site-ul va face un fel de zoom la redimensionarea fontului.

Articol interesant despre imagini fluide:
http://unstoppablerobotninja.com/entry/fluid-images/

Niciun comentariu:

Trimiteți un comentariu