Forum-webmaster
Général => Un projet de site internet ? => Message commencé par: snoops le le 14-09-2009 a 07:43:12

Titre: Problème menu
Posté par: snoops le le 14-09-2009 a 07:43:12

Bonjour à tous , voila j'ai un gros problème :

J'ai créer mon site de t'chat et quand je regarde avec Mozilla Firefox et ie , le menu de droit sous ie part en bas du site alors qu'avec Mozilla Firefox ses correcte .

Seriez-vous m'aidez à se problème ?

Merci beaucoup de votre réponse
(ps: lien dans mon profile)

Titre: Re:Problème menu
Posté par: snoops le le 15-09-2009 a 20:19:44

up :-X

Titre: Re:Problème menu
Posté par: KB le le 15-09-2009 a 20:23:09

Salut
Sans le code c'est compliqué mais je dirais un problème de margin et/ou de padding !

Titre: Re:Problème menu
Posté par: snoops le le 15-09-2009 a 20:25:21

Quelle code voudrai tu voir en priorité ?

Titre: Re:Problème menu
Posté par: KB le le 16-09-2009 a 10:57:35

le code de ta page avec le css associé

Titre: Re:Problème menu
Posté par: snoops le le 16-09-2009 a 11:14:49

Css menu de droit
Code:

/***** COLONNE DE DROITE 382c1c *****/
#rightcol {
   margin-top: 8px;
}
#rightcol img {
   margin-left: 48px;
}
#apropos {
   float:left;
   margin: -7px 0px 0px 47px;
   width: 237px;
}
#apropos img {
   margin: 0px;
}
#apropos p {
   margin-left: 10px;
   font-size: 0.8em;
}

/***** BARRES *****/
.bpub, .bplus, .bapropos, .b {
   color: #fff;
   text-indent: 25px;
   line-height: 27px;
   font-weight: bold;
   font-size: 0.8em;
   margin-bottom: 2px;
}
.bpub {
   background: url('../images/bpub.gif') no-repeat top left;
}
.bplus {
   background: url('../images/bplus.gif') no-repeat top left;
}
.bapropos {
   background: url('../images/bapropos.gif') no-repeat top left;
}
.b {
   background: url('../images/b.gif') no-repeat top left;
}

.bnews, .bchroniques {
   color: #fff;
   text-indent: 25px;
   line-height: 27px;
   font-weight: bold;
   font-size: 0.8em;
   margin-bottom: 2px;
}

.bnews {
   background: url('../images/bnews.gif') no-repeat top left;
}

.bnews3 {
   background: url('../images/bnews3.gif') no-repeat top left;
   height:27px;
   margin: 0px;
   line-height: 27px;
   padding-left: 22px;
}

.bchroniques {
   background: url('../images/bchroniques.gif') no-repeat top left;
}




Voila le code css , après le menu ses une bannière de pub donc je suppose que ses pas la penne de mettre le code

Titre: Re:Problème menu
Posté par: KB le le 16-09-2009 a 14:19:45

euh.... je peux avoir le html aussi !?

Titre: Re:Problème menu
Posté par: snoops le le 16-09-2009 a 14:52:03

Le Code html ne passe pas ici car les caractères son limitée (bidon d'ailleurs)

et dans le menu qui déconne ses que une bannière voici son code


Code:
      <div id="rightcol">

<div>







<img src="images/bleuplus.gif" alt="" width="250" height="27" border="0" /></a>
<script type="text/javascript" src="http://ads.clicmanager.fr/exe.php?c=7041218434&s=9368779805&i=1251972162&t=3&a=0&n=6&l=0&d=0&q=0&p=1&x=0&z=1&k=0&b=1"></script>

            </ul>
            <br />
            <center>



Sinon regarde le site par toi même lien dans mon profile :)

Titre: Re:Problème menu
Posté par: eba le le 19-09-2009 a 19:44:35

Bonjour,
En général quand une colonne passe en dessous, c'est que la largeur des colonnes (somme des deux) est plus large que le conteneur.

Attention IE calcule différemment les largeurs que firefox. Avec IE, il ne faut pas configurer dans le meme css width et margin.

Ce que je fais d'abitude, c'est un div id="colonne 1" qui inclus un autre div id="inside".

Ensuite dans le css, je mets le width dans colonne 1 et margin dans inside. Comme ça plus de différence entre ie et firefox.

A+
Eric


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.