Firefox - IE: qui peut m'aider ?

txiki Messages postés 6819 Date d'inscription   Statut Contributeur Dernière intervention   -  
txiki Messages postés 6819 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour,
Voila mon souci:
J'ai fait une site (http:etxekolana.free.fr) . J'ai ajouté deux div à gauche pour les infos. Tout s'affiche correctement sous IE mais ça se décale sous Firefox.

Voir par exemple les photos (diaporama manuel ou automatique).
Partie de ma CSS:
Le float ne semble pas etre pris en charge sous Firefox. Pourquoi ?
#news { /* ID de la boite (conteneur) contenant les div des infos défilantes */
	overflow: hidden;
	float: left; 
	margin: 0px, 270px; /* pour le dégager du bandeau et du menu */
	padding: 3px;
	width: 150px; /* largeur un poil inférieure au menu */
	text-align: left; /* l'édito sera aligné à gauche */
	background-color: #FFFFFF;
}

#news a { /* aspect des liens au repos dans la boite des infos défilantes */
	color: #0000FF; /* bleu */
	text-decoration: none; /* les liens ne sont pas soulignés */
}

#news a:hover { /* aspect des liens au survol dans la boite des infos défilantes */
	color: #0000FF; /* bleu, on ne change rien par rapport au repos */
	text-decoration: none; /* les liens ne sont pas soulignés, on ne change rien par rapport au repos */
}

#actu { /* ID de la boite contenant l'actualité de Pottoka Dantzan */
	overflow: hidden;
	float: left; 
	margin: 0px, 400px; /* pour le positionner sous les infos défilantes */
	width: 150px; /* largeur un poil inférieure au menu */
	text-align: center; /* l'édito sera centré */
	padding-top: 5px; /* l'espacement supérieur de 3 pixels */
	padding-bottom: 5px; /* l'espacement inférieur de 3 pixels */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; /* la taille des caractères sera de 11 pixels */
	background-color: #FFFFFF; 
	border: 1px dashed #6c6b6b; /*cadre gris clair en trait discontinu */
}

#frame { /* partie centrale flottante à droite qui aura le scroll */
	float: right; /* la boite flotte à droite dans le conteneur principal */
	padding: 5px; /* marge intérieure des textes */
	height: 500px; /* hauteur du bloc central avant scroll */
	width: 722px;  /* 730 (bandeau) - (largeur de l'ascenseur) */
	margin-bottom: 5px;
	overflow: auto; /* si le contenu déborde, il y aura un scroll (ascenceur) */
	clear: left; /* le texte continuera sous les infos, à gauche */
}


PS: je trouve bizarre de devoir mettre un float gauche ET un float droit non ? ou c'est normal ?

Merci aux spécialiste de mise en forme pour ces 2 navigateurs.

Le bonheur est la seule chose que l'on peut donner sans l'avoir.
A voir également:

3 réponses

yousoufos Messages postés 29 Statut Membre
 
je viens de visiter ton site avec firefox et IE et l'aspect est identique pour les deux.
0
Soadmystic Messages postés 1283 Statut Membre 249
 
de mon coté, y'a le texte qui est décalé (la poisiton dépend des versions IE et Firefox).
J'ai IE 7 et Firefox 3.

J'te propose t'essayer de placer ton texte avec un:

position : relative
left: .... px;
top: ... px;
0
txiki Messages postés 6819 Date d'inscription   Statut Contributeur Dernière intervention   524
 
Bonjour et merci pour les eux,
yousoufos: tu veux dire que le texte est correctement positionné dans tes deux navigateurs ? Il n'est pas trop bas ?

Soadmystic: oups, je croyais que j'avais Firefox 3 moi aussi. Note: j'ai refait le système récemment via un ghost mais il me semble qu'avant, avec FF3 c'était pareil. J'étais passé a autre chose entre temps et j'y reviens aujourd'hui.

Bon, je fais la mise à jour de FF et vous tiens au courant.

Merci infiniment !
0