| Facebook.com | 981px (fixed) |
| Linkedin.com | 980px (fixed) |
| Ebay.com (listing) | 760px - 1200px (liquid) |
| Amazon.com | 980px - 100% (liquid) |
| Mobile.de (fixed) | 978px (fixed) |
| Bmw.de (fixed) (left aligned) | 1024px (fixed) |
| Mercedes-benz.de (left aligned) | 1000px (fixed) |
| Gsmarena.com | 1002px (fixed) |
| Nytimes.com | 972px (fixed) |
Se afișează postările cu eticheta layout. Afișați toate postările
Se afișează postările cu eticheta layout. Afișați toate postările
Latimea siteurilor traditionale (css)
Notiuni CSS: Layout fluid (lichid) si layout elastic
Layout fluid:
- widthurile blockurilor sunt procentuale

Layout elastic:
- widthurile blockurilor sunt relative la unitatea literelor (definite in em-uri)

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/
Abonați-vă la:
Postări (Atom)