Problèmes avec div id...

Version imprimable

26/02/2006, 20h22
Angeldu74

Problèmes avec div id...

En fait j'ai ma page ou j'ai mis mon menu déroulant en css et j'ai un div id pour mon menu donc

Code:

<div id= menu>

et j'ai un autre div id appelé global pour centrer tous les éléments de ma page mais dès que je mets les 2 sur la même page sa ne marche pas.
Pourriez vous m'expliquez pourkoi et me donner des solutions svp.
Merci d'avance.
@+
Bonne soirée
26/02/2006, 20h34
AlphaYoDa

tu pourrais essayer de rétrecir ton problème au maximum jusqu'au bug en montrant le bout de code CSS + la structure html (petit bout).

- il manque des doubles guillemets : id="menu"
26/02/2006, 21h02
Angeldu74

Suite...
Code:

1 2 3 4 5 <div id="global"> <div id="menu"> // code de mon menu </div> </div>
Voila mon code en gros et mon menu ne se centre toujours pas pourtant j'ai bien initialiser les valeurs de "menu" et "global" dans ma feuille css.
Merci de m'aider svp.
Bonne soirée.
@+
26/02/2006, 21h03
Freed0

Montre nous le code de ta feuille css ;)

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
25
#global {
     margin-left: auto;
     margin-right: auto;
     width: 800px;
     text-align: left; /* on rétablit l'alignement normal du texte */
     }
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 96px;
left: 34px;
z-index:100;
width: 100%; /* correction pour Opera */
}
// etc...

voila le code de ma feuille css. Merci encore pour votre aide. @+

26/02/2006, 21h15
Freed0

C'est à cause de ton absolute si j'ai bien compris ton problème...
27/02/2006, 07h50
Angeldu74

...

Tu crois que c'est mon absolute, peut être bien oui... Mais pourrais tu m'expliquer pourquoi et me dire par quoi il faut le remplacer stp.
Merci encore pour ton aide. @+ :)
27/02/2006, 10h44
Freed0

Bon, si j'ai bien compris, tu veux que le menu soit compris dans le calque global. Le calque global est centré (margin: auto;) mais menu se met n'importe comment.
C'est en partie à cause de sa position absolue (ca s'autodéfinit là), c'est à dire qu'elle est absolue par rapport à la page. Si tu mets ton menu en absolu avec top: 100px et left: 150px;, ton menu sera à 100px du dessus et à 150px de la gauche. Même si il est censé être dans un autre calque.
Si ce que tu veux faire est le mettre à 100, 150 à l'INTERIEUR de global, je pense qu'il faut utiliser le relative ou alors encore jouer avec margin/padding.
Un petit coup d'oeil aux différents types de calques ne te fera pas de mal (fixed, absolute, relative, ...) ;)

++
27/02/2006, 19h57
Angeldu74

...

Mais il n'y a pas une commande pour centrer mon menu??? car c'est ce que je recherche à faire en fait pour éviter de gérer les pixels en haut et à gauche...
Tu pourrais me dire comment faire stp. Merci d'avance. @+
Bonne soirée
27/02/2006, 21h24
Freed0

En fixant la largeur (width : 100px; par exemple) et en fixant les margins à auto (margin: auto;) :wink:
27/02/2006, 22h41
Angeldu74

...

Ok merci t'as assuré...
Par contre j'ai encore une ptite question... En fait je click sur un lien de mon menu et au lieu de m'ouvrir ma page dans ma frame mainframe il m'ouvre une nouvelle page et pourtant j'ai bien déclaré mon index et mes frames. Tu pourrais me donner un ptit coup de pouce stp. Je vois vraiment pas de quoi ça vient peut être de mon menu déroulant en css...
Merci encore pour tout.@+
27/02/2006, 23h20
Freed0

D'abord je vais te déconseiller d'utiliser les frames :) pcq cay mal ;)

Tu as d'autres possibilités comme les pseudo-frames en PHP (regarde du coté de la fonction include) qui sont préférables aux frames classiques souvent à l'origine de problèmes ;)
28/02/2006, 08h37
Angeldu74

?

Mais pourquoi c'est mal d'utiliser des frames??? Moi je trouve que c'est pas mal pour gérer son site, ça évite de réafficher toute la page à chaque fois... Mais bon s'il y a d'autre solution je suis preneur, sachant qu'en fait je veux juste que ma page se découpe en 2 parties. Partie du haut avec le nom du site et le menu et la partie affichera les pages selon les rubriques du menu sélectionné.
Si tu as un peu de code ou des liens pour m'illustrer des méthodes je suis preneur...
Merci encore pour tout. @+
Bonne journée et surtout bonne continuation... :)
28/02/2006, 09h41
gorgonite

Citation:

Mais pourquoi c'est mal d'utiliser des frames???

ben xhtml...

Citation:

Moi je trouve que c'est pas mal pour gérer son site, ça évite de réafficher toute la page à chaque fois...

y a Ajax pour cela... :wink:
28/02/2006, 14h56
Angeldu74

...

Mais alors comment dois-je déclarer les 2 parties de ma page???
Tu pourrais m'illustrer la meilleur technique stp si tu as un peu de temps bien sur sinon je chercherai dans les FAQ.
Bon aprem et bonne continuation.@+