CSS, centrer un div dans un div en absolute
Bonjour,
J'ai créé un div (top) positionné tout en haut et à gauche et qui fait toute la largeur de la page.
Je souhaite insérer dans ce div un autre div (intop) qui soit lui centré et d'une largeur précise.
Ca semble simple, et pourtant.. Mon second div est très décalé par rapport au div qui le contient.
Voici mon code :
#fond{position:absolute; top:0; left:0; width:100%; display:block; height:100%; background: #F9F9F7 url('images/a1.gif') repeat-x;}
#top{position:absolute; top:0; left:0; width:100%; display:block; height:50px; background-color: #CCCCCC ;}
#intop{width:780px; padding:0; margin:0 auto; background-color: #5F5F5F; z-index:1;}
#menu{float:right; position:relative; top:30px; }
#menu premier{color: #FFFFFF;}
#menu autre{color: #000000;}
Je ne comprends vraiment pas, pouvez vous m'aider svp ?
Merci !
J'ai créé un div (top) positionné tout en haut et à gauche et qui fait toute la largeur de la page.
Je souhaite insérer dans ce div un autre div (intop) qui soit lui centré et d'une largeur précise.
Ca semble simple, et pourtant.. Mon second div est très décalé par rapport au div qui le contient.
Voici mon code :
#fond{position:absolute; top:0; left:0; width:100%; display:block; height:100%; background: #F9F9F7 url('images/a1.gif') repeat-x;}
#top{position:absolute; top:0; left:0; width:100%; display:block; height:50px; background-color: #CCCCCC ;}
#intop{width:780px; padding:0; margin:0 auto; background-color: #5F5F5F; z-index:1;}
#menu{float:right; position:relative; top:30px; }
#menu premier{color: #FFFFFF;}
#menu autre{color: #000000;}
Je ne comprends vraiment pas, pouvez vous m'aider svp ?
Merci !
Configuration: Windows XP / Internet Explorer 8.0