Aller au contenu

Espace en haut de page


Oublieuse

Sujets conseillés

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

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

Posté (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é par Oublieuse
Lien vers le commentaire
Partager sur d’autres sites

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

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...