Aller au contenu

Firefox n'affiche pas le border-bottom sur certains div


Kreestal

Sujets conseillés

Bonjour à tous!

Kreessou le retour, avec ses problèmes de CSS qui n'arrivent qu'à elle. :whistling:

Sur mon blog, sur la page qui affichent les résultats d'une recherche (exemple) ou d'une page d'archives, Firefox n'affiche pas certains border-bottom, alors que IE, même IE6, si. Voir image:

hub-border.jpg

Le bloc contenant le premier résultat n'a pas de border-bottom, tandis que le second, si; pourtant ils sont contenus par des blocs ayant strictement la même classe, c'est à dire la classe .post:

.post {
background-color:#fff;
margin: 0 0 20px 0;
padding: 0 0 20px 0;
border: 1px solid #eadaed;
}

Ce non-affichage est totalement aléatoire dans Firefox. Ce n'est pas systématiquement le premier bloc qui n'a pas de border-bottom. J'avoue que je ne comprends pas d'où ça peut venir :!:

Votre aide est plus que bienvenue! Certes, ce n'est pas un bug massif, mais j'aimerais quand même que ça s'affiche correctement. D'avance merci!

>> Ma CSS complète.

Modifié par Kreestal
Lien vers le commentaire
Partager sur d’autres sites

Bonjour,

Mwoui, déjà élimine les lignes vides et espaces avant ton doctype, certain navigateur paniquent ... Puis "ça ne mange pas de pain"!

En changeant

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

Je n'ai plus de bug, pourquoi ben :whistling: aucune idée

Quelle aide précieuse je fournis :!:

Lien vers le commentaire
Partager sur d’autres sites

Posté (modifié)

Merci ghost, toujours un précieux allié ;-)

Le truc c'est que j'utilise Wordpress pour générer mon blog, et les lignes vides au début du code source sont dûes à un script PHP qui prend trois lignes mais n'apparaît évidemment pas dans le HTML... Pas terrible-terrible. :-/

Edit: bon, j'ai désactivé le script PHP qui n'était pas d'une utilité folle, du coup tout est rentré dans l'ordre. Merci! :flower:

Modifié par Kreestal
Lien vers le commentaire
Partager sur d’autres sites

Et, dans WP, tu ne peux pas déplacer le PHP en question ?

Effectivement, comme te le dit ghost, la déclaration de Doctype doit se faire avant toute chose (il ne faut ni ligne vide, ni espace auparavant), sinon il ne sert strictement à rien : les navigateurs considèreront qu'il n'y a pas de doctype et interprèteront le reste du code en mode "Quirks".

Lien vers le commentaire
Partager sur d’autres sites

Et, dans WP, tu ne peux pas déplacer le PHP en question ?

Bah je ne sais pas trop où le mettre... J'avais déjà essayé y'a quelques temps, mais ça m'avait tout planté. Je ne suis pas une experte en PHP :unsure:

Effectivement, comme te le dit ghost, la déclaration de Doctype doit se faire avant toute chose (il ne faut ni ligne vide, ni espace auparavant), sinon il ne sert strictement à rien : les navigateurs considèreront qu'il n'y a pas de doctype et interprèteront le reste du code en mode "Quirks".

Ce qui est bizarre, c'est que jusqu'à avant-hier, avant que je change le code de manière à supprimer les lignes vides dont tu parles, tout fonctionnait bien; mon blog n'a jamais été interprété en mode Quirks sur aucun des navigateurs testés (Mozilla Firefox 1.5 et 2, Internet Explorer 6 et 7, Opera 9 pour Windows, Safari pour Mac, Galeon et Mozilla Firefox 2 pour Linux). :?:

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...