TECH-CRE | OUTILS

| OBSERVER les réactions des sites |

• liquide : le site a une largeur fixe mais se place toujours au milieu du navigateur 
Ex: les sites www.lemonde.fr, fr.yahoo.com ou www.alsacreations.fr

• fluide : le site a une largeur proportionnelle à celle du navigateur 
Ex: le sitewww.eyrolles.com ou linuxfr.org ou news.google.fr

ref.Alsacréation

COLONNAGE / CSS#1

.bloc-fixe { 

  position:fixed;

  border:solid 1px;

  width:100px;

  top:10px;

  left:10px;

  bottom:10px;

}

.bloc-variable { 

  position:fixed;

  border:solid 1px;

  top:10px;

  left:120px;

  bottom:10px;

  right:10px;

}

COLONNAGE / CSS#2

.colonne1 {

float: left;

width:30%;

margin-left: 3% ;

}

.colonne2 {

float: left;

width:30%;

margin-left: 3% ;

}

.colonne3 {

float: left;

width:30%;

margin-left: 3%;

}