Problème de menu à droite

Sujet résolu

17 mai 2006 à 20:05:04

Rebonjour a tous

J'ai un problème avec mon menu.
j'en est un à gauche et un à droite, sur Mozilla Firefox tout est normal mais sur Internet explorer le menu de droite fait descendre tout ce qui se trouve dans le corps.

<div class="container">

<div id="haut"><img src="./pages_word_et_design/haut.jpg" alt="" /></div>
<div id="menu_g">

<img src="./pages_word_et_design/site.jpg" alt="" /><br />
<a href="index.php">Page d'entrée</a><br/>
<a href="essai2.php">Retour</a><br/>
<a href="banniere.php">Bannières</a><br/>
<a href="http://manga-fantasy-forum.bb-fr.com/">Forum</a><br/>
<a href="livre.php">Livre D'or</a><br/>
<a href="equipe.php">l'Equipe</a><br/>
<a href="contact.php">Me contacter</a><br/><br/>

<img src="./pages_word_et_design/manga.jpg" alt="" /><br />
<a href="fiches.php">Fiches Technique</a><br/>
<a href="histoire.php">Histoires</a><br/>
<a href="perso.php">Personnages</a><br/>
<a href="scans.php">Scans</a><br/>
<a href="images.php">Galeries</a><br/>
<a href="couvertures.php">Couvertures Manga</a><br/>
<a href="lexique.php">Lexique</a><br/>
<a href="avatars.php">Avatars</a><br/>
<br/>

<img src="./pages_word_et_design/dl.jpg" alt="" /><br />
<a href="musik.php">Musiques</a><br/>
<a href="gifs.php">Gifs</a><br/>
<a href="wallpapers.php">Wallpapers</a><br/>
<a href="galerie2.php">Fan Arts</a><br/>
<a href="manga.php">Galeries Mangas</a><br/>
<br/>

</div>

<div id="menu_dr">

<img src="./pages_word_et_design/site.jpg" alt="" /><br />
<a href="index.php">Page d'entrée</a><br/>
<a href="essai2.php">Retour</a><br/>
<a href="banniere.php">Bannières</a><br/>
<a href="http://manga-fantasy-forum.bb-fr.com/">Forum</a><br/>
<a href="livre.php">Livre D'or</a><br/>
<a href="equipe.php">l'Equipe</a><br/>
<a href="contact.php">Me contacter</a><br/><br/>

<img src="./pages_word_et_design/manga.jpg" alt="" /><br />
<a href="fiches.php">Fiches Technique</a><br/>
<a href="histoire.php">Histoires</a><br/>
<a href="perso.php">Personnages</a><br/>
<a href="scans.php">Scans</a><br/>
<a href="images.php">Galeries</a><br/>
<a href="couvertures.php">Couvertures Manga</a><br/>
<a href="lexique.php">Lexique</a><br/>
<a href="avatars.php">Avatars</a><br/>
<br/>

<img src="./pages_word_et_design/dl.jpg" alt="" /><br />
<a href="musik.php">Musiques</a><br/>
<a href="gifs.php">Gifs</a><br/>
<a href="wallpapers.php">Wallpapers</a><br/>
<a href="galerie2.php">Fan Arts</a><br/>
<a href="manga.php">Galeries Mangas</a><br/>
<br/>

</div>



<div id="content">

<img src="./pages_word_et_design/header.jpg" alt="" />

<div class="contenu">

<img src="./pages_word_et_design/barre_news.jpg" alt="" border="0" /><br />
<span class="site1"><span class="site2"> »</span> Le Site <span class="site2">»</span> Les News</span><br />

<br />
<div id="news">

Blablabla...

</div>
</div>
</div>

Voilà le code du menu de gauche(en 1er) et celui de droite (le 2ème en dessous)puis le corps.
Pourrait on me dire se que je dois mettre pour que le corps reste en place avec mon menu à droite sous Internet explorer.

Merci d'avance

P.S. pour les observateurs, le contenu des 2 menus est le même car je suis en test

strucky

17 mai 2006 à 22:40:17

Slt,

J'ai pas bien compris ton problème, mais je me doute que c'est ton corps qui passe en dessous de ton menu.

Si c'est ça, montres ton css.

Nb: il serait mieux d'utiliser des listes pour l'affichage de tes liens plutôt que des <a>..</a><br />

mimi7018

18 mai 2006 à 19:22:06

Citation : strucky

Nb: il serait mieux d'utiliser des listes pour l'affichage de tes liens plutôt que des <a>..</a><br />

Explique un peu ça

stp

Bon et voilà la page css

body
{
background-image : url("./pages_word_et_design/fond.jpg");
background-position : top center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #000000;
line-height: 1.5;
margin: 0px;
padding: 0px;
TEXT-ALIGN: left;
}

div.container
{
position: relative;
margin: 0 auto;
width: 1000px;
height: auto;
}

.gradualshine
{
filter: alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
}

#menu_g
{
float: left;
width: 120px;
margin: 0px;
padding: 0px;
background-image : url("./pages_word_et_design/fond_g.jpg");
margin-bottom: 0px;
margin-top: -2px;
}

#menu_dr
{
float: right;
width: 120px;
margin: 0px;
padding: 0px;
background-image : url("./pages_word_et_design/fond_g.jpg");
margin-bottom: 0px;
margin-top: -2px;
}

#menu_d
{
width: 162px;
background-image : url("./pages_word_et_design/fond_d.jpg");
}

#menu_ep
{
float: left;
width: 148px;
padding: 0px 0px 0px 5px;
background-image : url("./pages_word_et_design/menu_ep/fond.jpg");
}

#menu_ep img
{
padding: 0px;
float: right;
}

#content
{
float: left;
width: 750px;
}

#content_ep
{
width: auto;
margin: 0px 0px 5px 158px;
}
#news
{
float: left;
width: 780px;
margin: 0px 0px 5px 5px;
}
#titrenews
{
background-color: #dddddd;
width: 744px;
}
#bas
{
clear: both;
padding: 0px;
}

j'ai pas tous mis car elle est très grande mais si y manque quelque chose d'important dit le est je regarde si il y est !

strucky

18 mai 2006 à 19:33:15

Citation : mimi7018

Citation : strucky

Nb: il serait mieux d'utiliser des listes pour l'affichage de tes liens plutôt que des <a>..</a><br />

Explique un peu ça stp

http://www.siteduzero.com/tuto-3-40-1-les-listes-a-puces.html

#content
{
margin: 0 120px;
}

#news
{
float: left;
margin: 0px 0px 5px 5px;
}

mimi7018

19 mai 2006 à 20:31:10

Dsl j'édite mon message c'est bon ça marche merci beaucoup !!!