Probleme placement du menu et de son contenu + footer

**elt93** · 07/07/2008, 01h01

Bonjour,
Je m'étais construit un site en m'aidant d'un logiciel, j'ai maintenant décidé de le refaire totalement en ne faisant que coder. Je rencontre deux nouveaux petits problemes. Le premier est que j'ai une sorte de menu de navigation sur le coté gauche qui est constitué de deux div imbriqué dans un div dont un qui représente l'image de titre du haut et le deuxieme les liens. Le probleme est que la liste que je met dans le deuxieme de ces deux div ne se place pas sous le premier div mais à côté. Pourriez vous m'aider à trouver une solution pour que ceux-ci se placent l'un sous l'autre ?

Le deuxieme est que j'ai une sorte de footer qui contient les infos du site et qui doit se placer tout en bas mais je ne sais pas comment faire pour que celui ci se place par rapport au bas de la page et non au texte qui se trouve au dessus.

Voici l'url de la page en construction : http://www.progcountry.com/Progcountry V2

Ps: les textes et les liens ne sont là que pour "mettre la page en situation".

Merci d'avance pour votre aide.

**FraK** · 07/07/2008, 09h24

Bonjour.
Je ne suis pas encore allé voir ce qui en retourne sur ton site, mais dans ton css, tu dois avoir un soucis au niveau de la largeur des divs et sur le float (attribut qui ne doit pas etre dans ton css je pense)

le code css donnerai ceci par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
#contain_menu{
width : 200px;
height : 500px;
display: block;
float: left;
}
 
.image_menu{
width : 200px;
height : 50px;
display: block;
float: left;
background-image: url(image.gif);
background-repeat: no-repeat;
 
}
 
#item_menu{
width : 200px;
height : 450px;
display: block;
float: left;
}

et le html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<body>
   <div id="contain_menu">
        <div class="image_menu">Titre du menu</div>
        <div id="item_menu">
             * lien 1
             * lien 2
             * lien 3
        </div>
   </div>
</body>

**elt93** · 07/07/2008, 10h37

Merci beaucoup, c'est exactement ça !
Maintenant si quelqu'un pouvait m'aider pour le footer ça serait simpa!
Merci encore a toi FraK

**FraK** · 07/07/2008, 10h44

Ah oui, j'avais omis le problème du footer ^^

disons qu'en fait, tu fais un div global pour tout ton site (header + contenu)
ensuite tu fais un div pour ton footer, tu indiques les attributs height, width, etc ...
Et tu met un margin-top de 10 pixel par exemple
Comme cela tu auras ton site (div global avec hauteur fixe) donc il ne bougeras pas selon le contenus, et en dessous, avec une marge de 10 pixels , tu auras le footer.
C'est une solution parmi d'autres ...

**elt93** · 07/07/2008, 11h50

Merci beaucoup encore a toi. Pour ta solution si je definis des valeurs pour la taille du div header + contenu du site,que se passera t-il si le contenu devient plus grand que ces valeurs (en hauteur) ?

**FraK** · 07/07/2008, 11h52

En précisant un overflow sur le div ou le texte est logé, tu auras un scroll sur ce div afin de faire défiler ton texte, et non le site.

Probleme placement du menu et de son contenu + footer

Positionnement en CSS

Vue hybride

Discussions similaires

Partager

Partager