Se connecter avec
S'enregistrer | Connectez-vous

Aide en CSS

Dernière réponse : dans Programmation

Bonjour, je fais un site pour mon projet TPE et j'ai besoin d'un petit coup de main svp :) 

Enfaite sous Firefox c'est bien ce que je veux mais sous IE (6) c'est pas tout à fait ça... :/ 

Alors déjà l'adresse : http://tpe.webou.net/bleu/

Et donc voilà ce que ie me fait :


Au lieu de me faire ça :


En gros, un problème avec le menu, et au niveau du conteneur.

Merci beaucoup ;) 

Autres pages sur : aide css

Lassé par la pub ? Créez un compte

Humm j'aurais bien voulu t'aider ma ta page ne se charge pas.
Dis-moi les fontions CSS que tu a utilisé, il y en a plein de non compatible sous IE6.
PS: pour info IE7 est sorti mais d'ici que tout les utilisateur l'ai mis à jour...

Pour le conteneur :
#conteneur {
width: 750px;
background-color:#fff;
margin: 0px auto;
background-image:url(images/centre.png);
background-repeat:repeat-y;
}

et le menu :

#haut {
height: 23px;
background:transparent;
color:#000;
margin-bottom:-10px;
}

.menuhaut {
list-style-type: none;
margin: 0;
padding-left:50px;
width:100%;
height:23px;
}
.menuhaut li {
display: inline;
float: left;
}
.menuhaut a {
margin: 0 2px;
height: 23px;
display: block;
text-align: center;
text-decoration: none;
color: #000;
}
.menuhaut a:hover {
text-decoration: underline;
height: 23px;
background-color:transparent;
}


En entier : http://tpe.webou.net/bleu/style_bleu.css

Merci :) 
(arf j'vois pas pourquoi ma page s'affiche pas chez toi o_O)

Pour ie7 je suis au courant mais comme tu dis, à mon avis vu les flemmards qui travaillent à mon lycée, ça m'étonnerait qu'ils le mettent à jour :p 
Expert Programmation

Citation :
.menuhaut {
list-style-type: none;
margin: 0;
padding-left:50px;
width:100%;
height:23px;
}

si tu met 100% de largeur, forcémment que ça prend une ligne à chaque fois.
Enlève donc ce width, et laisse les onglets prendre la place qu'ils veulent.

Oké, j'ai enlevé le display: block; mais un espace entre les onglets et la barre apparait, tu vois comment l'enlever ? Merci ;) 

J'ai aussi enlevé le margin auto, il y aurait pas un moyen d'obtenir le même résultat "qu'avec" (c'est à dire centré) ?
Lassé par la pub ? Créez un compte
Tom's guide dans le monde