agentie online, promovare online, servicii web development, servicii web design, marketing online, ecommerce

WebDevel Tips: HTML layout 2 coloane hibrid

MIN

Noul trend in materie de aplicatii web este ca aceastea sa ocupe tot spatiul disponibil in browserul utilizatorului. In contextul in care gama de rezolutii s-a diversificat foarte mult a aparut nevoia de a crea layouturi HTML fluide (dimensiune in procente si nu in pixeli). De multe ori este insa nevoie de un layout hibrid care sa aiba zone de dimensiune fixa si altele fluide care sa se intinda pe toata latimea browserului.

Cum arata layoutul?

Exemple de aplicatii care folosesc acest tip de layout ar fi Google Analytics sau Gmail. Codul a fost testat si este functional pe toate browserele. Am gasit un site unde sunt exemplificate o multime de alte layout-uri. Codul HTML necesar:

Codul CSS necesar:

div#wrapper{float:left;width:100%}  div#content{margin-left:220px}  div#navigation{     float:left;     width:220px;     margin-left:-100%  }  div#footer{clear:left;width:100%}

Sper sa va ajute! Daca aveti nevoie de ajutor nu ezitati sa lasati un comentariu mai jos.

CREADIV Wizard

Wizard CREADIV

The Team

...