La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  [Résolu] Problème de hauteur d'un div pour un menu
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: [Résolu] Problème de hauteur d'un div pour un menu  (Lu 894 fois)
[Résolu] Problème de hauteur d'un div pour un menu
« sur: le 13-05-2006 a 19:34:21 »
TonTon FluBB
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 143





Voir le Profil    WWW
Répondre avec citation

Bonsoir tout le monde,

Alors voici mon problème :

Afin de respecter un peu les normes du web, j'ai décidé de refaire mon site avec les blocs div. Donc j'ai commencé par le menu.
Les pages n'ont pas une taille fixe, et le contenu est souvent bien plus long que le menu.

Le problème est que je n'arrive pas à prolonger le menu pour qu'il aille jusqu'en bas à chaque fois.
J'ai essayé plein de méthode et les height:100% mais rien n'y fait 

Si vous voulez voir un petit aperçu, voici l'image : lien ici

J'ai mis le code aussi pour ceux qui sont intéressé !
Si je pouvais avoir quelque petit tuyaux pour m'aider à prolonger ce menu sa serait très sympa !!!

D'avance un très grand merci 

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans nom</title>

<style type="text/css">
body {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.7em;
   margin: 20px;
   padding: 0;
   background-color: #FEF7DC;
}


#conteneur {
   position: absolute;
   width: 770px;
   left: 50%;
   margin-left: -385px;
}

#centre {
   background-color:#FFBDFF;
   margin-left: 171px;
   border-left: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 5px;
}

#gauche {
   position: absolute;
   left: 0;
   width: 170px;
   height: 100%;
   background: #FFFFFF;
   border-left : 1px solid #000000;
   border-bottom : 1px solid #000000;
}

#header {
   background-image: url('http://philharcom.websanslimit.net/Design/menu-1.png');
   width: 770px;
   height: 68px;
}

#sousheader {
   background-image: url('http://philharcom.websanslimit.net/Design/menu-2.png');
   width: 770px;
   height: 24px;
   border-top: 1px solid #000000;
   text-align: center;
}

#pied {
   height: 21px;
   background-image: url('http://philharcom.websanslimit.net/Design/menu-7.png');
}



A.menu:link {
   COLOR: #CE4116; TEXT-DECORATION: none
}
A.menu:visited {
   COLOR: #CE4116; TEXT-DECORATION: none
}
A.menu:hover {
   COLOR: #ff6600; TEXT-DECORATION: none
}
</style>
</head>

<body>

<div id="conteneur">

   <div id="header"></div>
   <div id="sousheader">
      <table><tr>
      <td><a class="menu" href="#">
      <img src="../Design/bt-home.gif" align="absmiddle" border="0" /> <b>Lien 1 - Lien 2</b></a></td>
      </tr></table>
   </div>

   <div id="gauche">
      <p>menu</p>
      <p>largeur fixe : 170px</p>
        
      <ul class="menugauche">
      <li><a href="">Menu 1</a></li>
      <li><a href="">Menu 2</a></li>
      <li><a href="">Menu 3</a></li>
      <li><a href="">Menu 4</a></li>
      </ul>
   </div>
    
   <div id="centre">
     partie centrale qui &quot;pousse&quot; les colonnes vers le bas.<br />
       partie avec du contenu occupant le reste de la largeur<br />

       partie avec du contenu occupant le reste de la largeur<br />
       partie avec du contenu occupant le reste de la largeur<br />
       partie avec du contenu occupant le reste de la largeur<br />
       partie avec du contenu occupant le reste de la largeur<br />
       partie avec du contenu occupant le reste de la largeur<br />
       partie avec du contenu occupant le reste de la largeur<br />
   </div>
    
   <div id="pied"></div>
</div>

</body>
</html>

« Dernière Édition: le 14-05-2006 a 18:05:56 par TonTon FluBB » Rapporter au modérateur  

TonTon FluBB, Webmestre et bassiste

Re:[Résolu] Problème de hauteur d'un div pour un menu
« Répondre #1 sur: le 14-05-2006 a 18:06:15 »
TonTon FluBB
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 143





Voir le Profil    WWW
Répondre avec citation

J'ai résolu mon problème !

Rapporter au modérateur  

TonTon FluBB, Webmestre et bassiste
Re:[Résolu] Problème de hauteur d'un div pour un menu
« Répondre #2 sur: le 17-05-2006 a 10:15:53 »
KaRaK
Habitué
***

Hors-Ligne

Sexe: Male
Messages: 431





Voir le Profil    WWW
Répondre avec citation

[quote author=TonTon FluBB]
Afin de respecter un peu les normes du web, j'ai décidé de refaire mon site avec les blocs div.
Citation:

Juste une petite précision TonTon FluBB.
Il est possible de faire une mise en page sous forme de tableau, sans utiliser de div qui respecte les "normes du web".

Rapporter au modérateur  

Outils Référencement
Lingerie Solde
Blog Référencement
Blog Webdistrib sympatique.
Re:[Résolu] Problème de hauteur d'un div pour un menu
« Répondre #3 sur: le 17-05-2006 a 13:02:42 »
TonTon FluBB
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 143





Voir le Profil    WWW
Répondre avec citation

Oui je sais mais d'après ce que j'ai lu part ici et par là, les bloc div sont plus appréciés que les tableau.

Enfin je vais quand même travailler un peu avec des tableaux parce que je n'obtient pas parfaitement ce que je veux

Rapporter au modérateur  

TonTon FluBB, Webmestre et bassiste
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg