28172 sujets

CSS et mise en forme, CSS3

Bonsoir,
j'ai avancé ds mon développement
le header et la colonne gauche restent fixes ( pour simuler une frame) mais la colonne de droite bouge
www.brionne-jeunesse.com/test/

ci-dessous la feuille de style:
Cordialement
Bonne soirée


*=======================*/
/* Mise en forme du body */
/*=======================*/

body  {
  overflow-y: hidden;
  margin: 162px 205px 0% 205px ;
  padding:0;
  }
html > body {overflow-y: auto}

/*============================================*/
/* ID(#) - Mise en forme de la page en DIV -  */
/*============================================*/

#contenu  {
  height: 100%;
  overflow: auto
  }
  
#entete   {
  position: absolute;
  top: 0;
  left: 0;
  width: 110%;
  height: 160px;
  background-color:#AFB7D3;
  border-bottom: solid black 1px ;
  text-align:center
  }
  
 #banniere {
	height: 132px;
	width: 100%:
	float: left;
	margin-left: 3px;
	border: 0;
	background-image: url(banniere.jpg);
	background-repeat: no-repeat;
}

#enteteliens {
} 
  
#gauche   {
  position: absolute;
  top: 160px;
  left: 0;
  margin-left: 0px;
  width: 200px;
  height: 100%;
  background-color:#FFF7D3;
  border-right: solid black 1px}
  
 #droite   {
  position: absolute;
  top: 160px;
  right: 0;
  margin-right: 0px;
  width: 200px;
  height: 100%;
  background-color:#AFf7D4;
  border-right: solid black 1px} 
  
body>#entete {position:fixed}

body>#gauche {position:fixed}

/*=====================================*/
/* CLASS -  Mise en forme du Menu gauche - */
/*=====================================*/



/*=====================================*/
/* CLASS -  Mise en forme des textes - */
/*=====================================*/

Modifié par cpalo (23 Jul 2008 - 19:03)