18041 sujets

Questions générales et questions de débutants

[RÉSOLU]Positionement deux div

bonjour,
Malgré mes recherche avec lesquelles je suis embrouillé a force de tests.
je cherche a ce que ma colonne de navigation pousse aussi le pied de page.
je précise je suis un gros débutant


body {
  margin: 0;
  text-align: center;
}
#global{
    position: relative;
    min-width:1000px;
  
    border:1px #cacaca solid;
}

#entete{
    width: auto;
    height: 100px;
    border:1px #cacaca solid;
}
#navigation{
    float: left;
    width: 200px;
    height: 300px;
    border:1px #ff0000 solid;
    margin: 0;
}
#contenu{
    margin-left: 210px;
    width: auto;
    height: 200px;
    border:1px #cacaca solid;
}
#pied{
    
    height: 100px;
  border:1px #cacaca solid;
}


upload/29372-paquette.jpg
Modifié par backdown (05 May 2010 - 10:00)
Modérateur
Ça lu et bienvenue,

Sans code html, pas facile de décripter. J'ai lu ton code en biais vitesse Ferrari mach 10
Il faut simplement que #navigation et #contenu aient un père.



<div id="corp">
	<div id="navigation">
		<!-- etc. -->
	</div>
	<div id="contenu">
		<!-- etc. -->
	</div>
</div>
<div id="pied">
	<!-- etc. -->
</div>


Bonne journée à toi.

ps : Florent a fait des gabarits tout fait. Tu peux t'en inspirer. ^^
Modifié par Nolem (04 May 2010 - 18:07)
j'ai effectivement réalisé le gabarie de cette façon.

&#65279;<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link href="position.css" rel="stylesheet" type="text/css" />
<title></title>
  </head>
  <body>
      <div id="global">
          <div id="entete"></div>
          <div id ="navigation"></div>
          <div id="contenu"></div>
          
          
          <div id="pied"></div>
      </div>
  </body>
</html>


merci
Modérateur
De rien. Smiley smile

Au passage, si tu trouves que ton sujet soit résolu, je t'invite à rééditer ton premier message en mettant dans le titre entre crochets « RÉSOLU ». Je te remercie par avance.
ex :
a écrit :
[RÉSOLU]Titre explicite du problème


Bonne continuation.
Modifié par Nolem (05 May 2010 - 04:15)
Sujet clos
Aller à