Tom's Guide > Forum > Programmation > Aide en CSS
Mot :    Pseudo :           
 

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 :
http://tpe.webou.net/bleu/ie.JPG

Au lieu de me faire ça :
http://tpe.webou.net/bleu/fx.JPG

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

Merci beaucoup ;)

Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

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...


Message édité par dubidibo le 30-10-2006 à 19:44:34
Répondre à dubidibo

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


Message édité par Pshuuut le 31-10-2006 à 03:45:30
Répondre à Pshuuut

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.

------------------------------ Réseau IRC Francophone | g33k-zone
Défiez-moi donc !
Répondre à crazycat@idn

apparemment ça vient pas de là... :/

Répondre à Pshuuut

ton display: block; dans la def de a?

------------------------------ Réseau IRC Francophone | g33k-zone
Défiez-moi donc !
Répondre à crazycat@idn

Humm margin: auto et la fontion display ne sont pas compatible avec IE. Du moins je crois.

Répondre à dubidibo

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é) ?

Répondre à Pshuuut

Pour l'espace entre les onglets et la barre je vois pas comment faire.
Pour aligner les onglets essaye avec "text-align: center" sur le bloc contenant les onglets. Je garantis pas que ça marche.

Répondre à dubidibo
Tom's Guide > Forum > Programmation > Aide en CSS
Aller à :

Il y a 369 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens