28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'essaye de faire ma structure a deux colonnes mais j'ai un petit problème.
Enfait je veux que la colonne de gauche (menu) soit de la même hauteur que celle de droite (contenu).
Pour ce faire, j'ai crée ma colonne de gauche (bords verts) qui prend enfait la totalité du cadre (bords jaunes) ou est contenu le menu et le contenu, et enfin j'ai fait mon contenu (bords bleus) avec un margin-left de 20px.
Le problème est que je n'arrive pas a ce que le contenu (bords bleus) soit collé en haut du cadre (bords jaunes).

Pouvez-vous s'il vous plait m'indiquer une solution? Merci d'avance de vos réponses, a bientôt.

(Page d'exempleici.)
bonjour,
peut-être devriez-cous mettre votre Menuleft et content en floatet lui attribuer une largeur

body {
	color: black;
	background: #EFECE2;
	font-family: Calibri, "Lucida Grande", "Lucida Sans", Verdana;
	margin: 0;
}

#header
{
  height: 200px;
  border: 2px solid black;
}

#menubar
{
  height: 30px;
  border: 2px solid black;
}

#page
{
  width: 80%;
  margin: auto;
  border: 1px solid red;
}

#cadre
{

  border: 1px solid yellow;
}

#menuleft
{margin :auto;
float :left;
width:20%;
  border: 2px solid green;
}

#content
{margin :auto;
float :right;
 border: 2px solid blue;
}

#footer
{
  width: 100%;
  margin-top: 20px;
  border: 2px solid black;
}


ce qui donne :
upload/20347-Sanstitre1.jpg
Modifié par kraddle (20 Sep 2009 - 15:09)
Salut,

Il serait bien de regarder un peu les nombreuses ressources du site, ou faire des recherches, car c'est un question assez récurrente pour les nouveaux inscrits qui ne prennent pas la peine de chercher un peu. Smiley cligne

Néanmoins tu trouveras réponse à ta question dans ce sujet : Comment faire des "colonnes" de même hauteur ?
Modifié par Mikachu (20 Sep 2009 - 16:05)