28172 sujets

CSS et mise en forme, CSS3

[Résolu] Mise en page impossible sur page d'accueil (IE/FF)

Bonjour,

Aujourd'hui, je découvre qu'Internet Explorer interprète mal le positionnement des DIV de la barre de menus de la page d'accueil de mon site web.

Pour ce menu, y a un code intégré à la page d'accueil, et un autre pour l'ensemble des sous-pages (appelé par un include PHP). Or j'ai regardé le code source à la loupe et je ne vois aucune différence entre les deux !

Un exemple (sous Firefox tout va bien, il n'y a que sous IE qu'on voit le bug) :

http://www.romanceor.net/
http://www.romanceor.net/pages/index.php?page=contact

En fait votre expérience pourrait déjà me donner une piste quant à ce que je dois regarder, car je ne vois vraiment pas à quel niveau il plante...

D'avance un grand merci,

Romanceor.
Modifié par Romanceor (17 Mar 2009 - 19:35)
Est-ce que ça ne pourrait pas être l'image qui pose problème ?
Modifié par Romanceor (15 Mar 2009 - 02:40)
Merci pour ta réponse. J'ai viré tous les tableaux et ai tout recommencé. Malheureusement ça a empiré ! J'ai tout essayé dix fois... je ne comprends vraiment pas ce qui se passe. Maintenant il y a des nouveaux problèmes... c'est de plus en plus bordélique.

Par exemple là dans l'entête supérieure droite de ma page d'accueil, on a une police de caractères différente de la police de toutes les autres pages, alors que c'est le même code source !

Tant la page d'accueil que les sous-pages font appel à la même sous-page (http://www.romanceor.net/pages/topmenu_inc.php) et au même code CSS (http://www.romanceor.net/pages/StyleSheet.css)

D'avance merci pour votre aide,
Foutre Dieu ! Je viens de passer plus de 15 heures à tout faire, refaire, défaire et remonter dans tous les sens... Quelle misère... Au moins ça ne m'arrivera plus.

MERCI !
Hello,

J'étais en cours de "répondage", mais c'est allé trop vite...et moi trop lentement Smiley smile
Cependant, tu as donc modifié ton Doctype, fort bien, mais si tu choisis un Doctype strict il te faut l'être également (strict, ie :Rigoureux, qui laisse très peu de liberté d'interprétation...Exigeant, sévère, qui ne tolère pas la négligence ou l'incompétence... )
Un peu de lecture à cet égard Smiley cligne

Les styles pourront/devront être intégrer à...ta feuille de styles...

Restera quelques erreurs à corriger :
<span style="text-align:left;">
<ul id="menuDeroulant">
<li></li>
</ul>
</span>

N'est pas autorisé/conforme Smiley ohwell (les balises en-ligne ne peuvent contenir que d'autres balises en-ligne...)

Il a certainement moyen de faire beaucoup mieux en matière de menu déroulant, pas très loin d'ici d'ailleurs en adaptant à ton besoin (ou du coté de Jquery et Superfish peut-être ?)

Bref, encore un peu de travail Smiley cligne

Cordialement,
Sylvain
C'est fort aimable à toi, je suis en effet en train de tout passer en CSS conforme W3C XHTML 1.0 Strict. Un exercice d'ailleurs très intéressant. Mais je butte sur des petites choses car je n'ai pas les bases, que les découvre au fur et à mesure...

Comment transformer mon OnMouseOver (changement de couleur d'une image au survol de la souri) ? J'ai essayé avec ça : 

a.avatar_couleur35 img {
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-image: url(../images/avatar2_35px.png);
  display: block;
}

a.avatar_couleur35:hover img {
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-image: url(../images/avatar2_35px.png);
  display: block;
}


et ça : 
<a href="" class="avatar_couleur35">
        	<img src="../images/avatar1_35px.png" width="35" height="35" />
	    </a>


Mais évidemment ça ne donne rien du tout...

Pour ce qui est du menu, je suis en train de chercher en effet à le remplacer aussi, mais je n'ai pas encore trouvé mon bonheur parmi les 100% CSS...
Modifié par Romanceor (16 Mar 2009 - 17:14)
Sujet clos
Aller à