Ou sont passées les infos défilantes
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 -
txiki Messages postés 6819 Date d'inscription Statut Contributeur Dernière intervention -
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:
É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.
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:
- Ou sont passées les infos défilantes
- Crystal disk infos - Télécharger - Informations & Diagnostic
- Comment supprimer les commandes passées sur amazon - Forum Réseaux sociaux
- Masquer une commande amazon ✓ - Forum Réseaux sociaux
- Infos message whatsapp - Guide
- Epg1 infos programme non disponible - Forum Box et Streaming vidéo
3 réponses
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é:
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.
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.
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.
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.