Aller au contenu
Oublieuse

Espace en haut de page

Noter ce sujet :

Recommended Posts

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;
}

Partager ce message


Lien à poster
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...

Partager ce message


Lien à poster
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?

Modifié par Oublieuse

Partager ce message


Lien à poster
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}

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant

×
×
  • Créer...