Probleme placement du menu et de son contenu + footer

Version imprimable

07/07/2008, 01h01
elt93

Probleme placement du menu et de son contenu + footer

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.

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:

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:

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>

07/07/2008, 10h37
elt93

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

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 ...
07/07/2008, 11h50
elt93

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) ?
07/07/2008, 11h52
FraK

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.
07/07/2008, 12h31
elt93

C'est genial, je ne pensais pas que l'on povait faire ça. Merci encore !!
07/07/2008, 12h34
FraK

Aucuns soucis, on est là pour ça ;p
N'hésites pas à repasser si tu as besoin d'aide