Ou sont passées les infos défilantes

Fermé
txiki Messages postés 6596 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 - 27 août 2008 à 07:09
txiki Messages postés 6596 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 - 27 août 2008 à 19:13
Bonjour,
Sur le site http://etxekolana.free.fr j'ai mis deux petites infos sur partie gauche, en dessous du menu. Seulement, ça fonctionne très sous Firefox mais sous IE, tout est décalé et les deux div des infos ont carrément disparues.

Rappel: le menu est flottant à gauche, le bandeau en float right, le frame flottant à droite et les div infos en position absolue, CSS ci-dessous:
#menu { /* position du menu */
	float:left; /* le bloc du menu flotte à gauche */
	width: 150px; /* largeur du menu */
	background: #931224;  /* couleur rouge sang pour le menu */
}

#bandeau { /* le bandeau fait 730 px de large et 164 ps de hauteur, toujours */
	float: right; /* Au lieu du float:rigth le bandeau flotte à droite dans le conteneur principal */
	margin: 0px auto; /* la marge haute sera de 0 px et au milieu de la place qui lui est réservée  */
	width: 730px; 
	height: 164px;
}

#news { /* ID de la boite (conteneur) contenant les div des infos défilantes */
	overflow: hidden;
	top: 270px; /* pour le dégager du bandeau et du menu */
	position: absolute; 
	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;
	position: absolute;
	width: 140px; /* 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 */
}

#derniere a { /* les liens ne seront pas soulignés */
	text-decoration: none;
}

#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 */
}


Éternel Pb entre IE et Firefox mais peut-être existe-t-il une solution pour y remédier ?. Je ne suis qu'un webmaster autodidacte.

Merci d'avance à ceux qui auraient une solution au Pb.

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

3 réponses

il vaut mieux preferer les margin and padding pour des dimension de div.

peut etre, explorer ...
0
txiki Messages postés 6596 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 517
27 août 2008 à 11:15
Salut et merci moarfal,
Bon, maintenant c'est OK sous IE mais le float n'a pas l'air d'etre pris en compte sous Firefox. Le div central est totalement décalé, en fait il semble se positionner sous le dernier div de l'info fixe.
C'est un pete boulon cette histoire. Voici le CSS modifié:
#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;
}

#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 */
}


C'est con ces incompatibilités entre navigateurs. Comment faire, comment faites-vous, vous dans ce genre de cas ?

Merci encore pour ton aide.

Le bonheur est la seule chose que l'on peut donner sans l'avoir.
0
txiki Messages postés 6596 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 517
27 août 2008 à 19:13
Bon, depuis la modif suite a ma première question ci-haut, ça fonctionne maintenant sous IE mais pas sous Firefox. En fait le Pb s'est inversé.
http://etxekolana.free.fr/
Le décalage que j'avais sous IE, je le retrouve maintenant sous Firefox.
N'y a-t-il pas un moyen faire prendre en compte le float pour Firefox ?

Merci d'avance.
0