Bug affiche Firefox 3

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
Filip24

Bug affiche Firefox 3

Message par Filip24 »

Bonjour,

Je developpe un site et lors d'un test sur Firefox 3 j'ai decouvert un bug bizarre :

Image

Je sais pas pourquoi il me sort des points?

Code : Tout sélectionner

<div id="menu">
                <li onmouseover="javascript:montre();">
                        <asp:LinkButton ID="accueil" runat="server">Accueil</asp:LinkButton></li>
                    <li onmouseover="javascript:montre('smenu1');"><a href="#">Votre Caisse</a>
                        <ul id="smenu1">
                            <li class="sousMenu">
                                <asp:LinkButton ID="caisse" runat="server">Saisir la Caisse</asp:LinkButton></li>
                            <li class="sousMenu">
                                <asp:LinkButton ID="brouillard" runat="server">Afficher le brouillard</asp:LinkButton></li>
                            <li class="sousMenu">
                                <asp:LinkButton ID="fincaisse" runat="server">Afficher les journées validées</asp:LinkButton></li>
                        </ul>
                    </li>
                    <li onmouseover="javascript:montre('smenu3');"><a href="#">Votre Compta</a>
                        <ul id="smenu3">
                            <li class="sousMenu">
                                <asp:LinkButton ID="operation" runat="server">Saisie Comptable</asp:LinkButton></li>
                            <li class="sousMenu">
                                <asp:LinkButton ID="enreg_releve" runat="server">Enregistrer votre relevé</asp:LinkButton></li>
                            <li class="sousMenu">
                                <asp:LinkButton ID="tele_releve" runat="server">Télécharger votre relevé</asp:LinkButton></li>
                            <li class="sousMenu">
                                <asp:LinkButton ID="brouillard_saisie" runat="server">Afficher le brouillard</asp:LinkButton></li>
                            <li class="sousMenu">
                                <asp:LinkButton ID="envoi_saisie" runat="server">Afficher la Saisie Validée</asp:LinkButton></li>
                            <li class="sousMenu">
                                <asp:LinkButton ID="dettes_creance" runat="server">Saisir Dettes et Créances</asp:LinkButton></li>
                            <li class="sousMenu">
                                <asp:LinkButton ID="dettes_creance_brouillard" runat="server">Brouillard Dettes et Créances</asp:LinkButton></li>
                            <li class="sousMenu">
                                <asp:LinkButton ID="dettes_creance_valides" runat="server">Dettes et Créances Validées</asp:LinkButton></li>
                            <li class="sousMenu">
                                <asp:LinkButton ID="acompte" runat="server">Saisir Acomptes</asp:LinkButton></li>
                            <li class="sousMenu">
                                <asp:LinkButton ID="acompte_brouillard" runat="server">Afficher Acomptes en cours</asp:LinkButton></li>
                            <li class="sousMenu">
                                <asp:LinkButton ID="acompte_valides" runat="server">Afficher Acomptes validés</asp:LinkButton></li>
                        </ul>
                    </li>
                    <li onmouseover="javascript:montre('smenu2');"><a href="#">Info Comptable</a>
                        <ul id="smenu2">
                            <li class="sousMenu">
                                <asp:LinkButton ID="VosCodes" runat="server">Vos Codes</asp:LinkButton></li>
                                <li class="sousMenu">
                                <asp:LinkButton ID="VosTiers" runat="server" >Vos Tiers</asp:LinkButton></li>
                        </ul>
                    </li>
                    <li onmouseover="javascript:montre('smenu4');"><a href="#">Info Personnel</a>
                        <ul id="smenu4">
                            <li class="sousMenu">
                                <asp:LinkButton ID="VosParametre" runat="server">Vos Paramètres</asp:LinkButton></li>
                        </ul>
                    </li>
                    <li onmouseover="javascript:montre();">
                        <asp:LinkButton ID="logout" runat="server">Se déconnecter</asp:LinkButton></li>
                </div>
Mon css :

Code : Tout sélectionner


#menu
{
    text-align: center;
    height:25px;
    top: 132px;
    position: absolute;
    z-index: 2;
    WIDTH: 90%;
    padding-left: 100px;
    border-top: #666666 1px dotted; 
    border-bottom: #666666 1px dotted; 
}
#menu li {
	float: left;
	width: 125px;
	text-decoration: none;
	margin-left:0;
	font-weight: bold;
}
#menu .sousMenu {
	width: 185px;
	text-align:left
}

#menu li a {
	padding: 4px 8px;
    border-right: 1px solid #fff; 
    border-top: 1px solid #fff; 
    display:block;
	color: #fff;
	background: #3B4E77; 
	HEIGHT: 100%; 
	margin-left:0;
	TEXT-DECORATION: none
}
#menu li A:hover {
	background-color: #F2462E;
} 

Si vous comprennez pourquoi je suis preneur

Merci

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; InfoPath.1; .NET CLR 3.0.04506; .NET CLR 3.5.21022)
teoli2003
Animal mythique
Messages : 7580
Inscription : 13 nov. 2005, 09:23

Message par teoli2003 »

Passe ton CSS dans un validateur, les trucs en majuscules cela ne va pas aider.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9) Gecko/2008052906 Firefox/3.0
La liberté n'est jamais accordée de bon gré par l'oppresseur; elle doit être exigée par l'opprimé (Martin Luther King).
Les convictions sont des ennemis de la vérité plus dangereux que les mensonges. (Nietzsche).
Native Mozillian.
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Les

Code : Tout sélectionner

<asp:LinkButton
non plus ne doivent pas simplifier les choses...
(si c'est interprété côté serveur (asp ?), ce n'est pas ce que le navigateur reçoit, or c'est justement le code reçu par le navigateur qui "compte") :wink:
la réponse

c'est un pb de css

Message par la réponse »

essaye avec une ligne comme ceci :

Code : Tout sélectionner

#menu ul { list-style-type: none; }
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Semrush [Bot] et 4 invités