Discussion :

[xgr8]

Bonjour,

j'ai un petit souci avec mon site. Pour la premiere fois je réalise un site en CSS. Malheureusement ce site fonctionne très bien sous Internet Explorer mais sous FireFox c'est la cata...

voila un lien vers mon site http://kichme.ifrance.com . Faite un teste sous firefox et vous verez le résultat.
Y a-t-il quelqu'un qui pourais m'aider.. Je ne sais pas de quoi ça vient. Pour info mes blocs CSS sont fait avec des <div>. Voila c'est mon premier et principal gros souci mais j'en ai un deuxieme.

Le deuxième c'est que j'aimerai bien centrer mes blocs au centre cependant vu qu'il y a plusieur blocs les un a cotés des autres si je les centre tous ils vont se superposer. Comment faire pour que mon bloc central soit tout le temps au centre et que les autres blocs devant être coller au bloc central soit relatif a celui-ci.

Voila mes 2 gros souci. J'éspère que le premier poura etre résolu le plus rapidement possible pour le deuxieme souci c'est pas grave si jamais.

Mes salutation a tout les webmaster en herbe et surtout a tout les pro qui vont surement trouver la solution à mon probleme.

[Crayon]

Tu peux commencer par valider ton fichier CSS à l'adresse suivante:
http://jigsaw.w3.org/css-validator/

Pour ton problème 2 regarde du coté de la propriété float:
http://css.developpez.com/cours/
ou
http://www.w3.org/TR/REC-CSS2/visure...te-positioning

[zooro]

Bonjour,

La CSS semble valide, mais il y a des erreurs sur le code HTML.

Pour tester sous Firefox, et valider facilement tes pages, télécharge l'extension WebDevelopper.

[trotters213]

Bon en effet c'est pas le même résultat sous IE et sous FF
Déjà tu devrais valider ton HTML sur le site du W3C pour ce qui est de la compatibilité.
Pour le moment ton site se trimbale avec 23 erreurs (lien vers le test de ton site).

Pour ce qui est de centrer ton bloc tu peux faire ceci :
- tu crées une <div id="centrer"> qui englobe tout (donc juste après ton body)
- puis dans ton CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
#centrer {
margin-left: auto;
margin-right: auto;
width: ... /*la taille que tu souhaite*/;
text-align: center;
}

Dis nous ce que ça donne après avoir vu tout ça

[fallais]

De plus c'est FireFox qui interpete le mieu alors on dit : Mon site marche pas avec IE

[grimsk]

refait des CSS exclusivement pour firefox si tu narrive pas a corriger pour les 2 navigateur.

pour détecter le browser tu peu te faire une function JavaScript:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
function detectNav( string ) {
	var detect = navigator.userAgent.toLowerCase();
	place = detect.indexOf(string) + 1;
	thestring = string;
	return place;
}

et ensuite tu lappel avant de chargé t'es CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
if( detectNav( 'firefox' ) )
if( detectNav( 'safari' ) )

apres tu inclus tes bon CSS selon le browser et le tour est jouer ....

VIVE les navigateur qui ne suivent pas les normes( IE , SAFARI et meme FIREFOX )!!!!1 ils sont tous corrompu