Oublieuse Posté 11 Mai 2007 Partager Posté 11 Mai 2007 Bonjour! Je me triture la tête depuis déjà quelques temps sur un problème que je n'arrive pas à résoudre. Sur la page suivante: http://www.brindailleurs.info mais aussi sur les autres pages partageant la même css, j'ai un espace entre mon menu en haut à gauche et le haut de la page. Ce qui est étrange, c'est que j'ai cet espace avec Firefox et epiphany, mais pas avec Opéra. Quand à IE, je n'ai pas encore testé, ne l'ayant pas sur mon ordi. Si quelqu'un-e sait quel est le problème, je serai soulagée Css: body { font-family: Bookman old style, Century gothic, arial, sans-serif, sans; background-color:#414553; color:#CDD2E6; font-size: 100%; padding:0;}a {text-decoration: none;font-weight:bold;color:#F7861F;}a:visited{text-decoration:none;}a:hover{text-decoration: none;color: #9FA0A5;font-weight:bold;}ul#menuhaut {margin-top:0;font-weight:bold;background-color:yellow;list-style-type:none;}ul#menuhaut li { float:right;}ul#menuhaut a{margin:0 1em 1em auto;font-size:1.1em;display:block;}ul#menuhaut a:hover{ background-color:#F6A310; color:#414553; border-bottom:0.2em #F7861F; }#page {margin-bottom:3em; }#centre { margin-top:5em;}ul#menu {width: 20%;text-align:right;list-style-type: none;font-size: 1em;padding:0;margin: 0;float:left;}}ul#menu h2{color:red;text-align:right;}ul#menu a{display:block;line-height:1.5em;padding-right:1em;}ul#menu a:hover{background-color:#C83E1D;color:#F6CC9F;}#contenu1 {text-align:justify;font-size: 0.9em; padding:5%;background-color:#62646D;width:60%;margin:0 auto auto auto;}#contenu { text-align:justify; font-size:0.9em; padding:5%; background-color:#62646D; width:70%; float:left; }#artlibre {text-align: center;font-size:0.6em;width: 40%;clear:both;margin:0.5em auto;}/*Chompitiarve*/.refrain {margin-left:0.8em;margin-top:0;}.imprimer a{text-align:right;font-size:0.7em;} Lien vers le commentaire Partager sur d’autres sites More sharing options...
Loupilo Posté 13 Mai 2007 Partager Posté 13 Mai 2007 Tu peux résoudre ça sur Firefox en ajoutant un float:left à #page, pour le séparer du menu, mais ça introduira peut-être des incompatibilités avec d'autres navigateurs... Lien vers le commentaire Partager sur d’autres sites More sharing options...
Oublieuse Posté 13 Mai 2007 Auteur Partager Posté 13 Mai 2007 (modifié) J'essaie et je te dis. Mais mon menu ne fait pas partie de ma div #page, donc je ne sais pas si ça changera quelque chose. Edit: Nickel, ça marche sous firefox, epiphany et opera. Si quelqu'un-e peut me dire ce que ça donne avec IE? Modifié 13 Mai 2007 par Oublieuse Lien vers le commentaire Partager sur d’autres sites More sharing options...
Loupilo Posté 13 Mai 2007 Partager Posté 13 Mai 2007 J'essaie et je te dis. Mais mon menu ne fait pas partie de ma div #page, donc je ne sais pas si ça changera quelque chose. Edit: Nickel, ça marche sous firefox, epiphany et opera. Si quelqu'un-e peut me dire ce que ça donne avec IE? Avec IE, ça pose un problème, le cadre gris ne dépasse pas la limite gauche du menu horizontal. Essaie de n'appliquer le float que pour les navigateurs modernes (même problème avec IE7), donc quelque chose genre html>/**/body #page {float:left} Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant