Jump to content
Sign in to follow this  
Kreestal

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

Rate this topic

Recommended Posts

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.

Edited by Kreestal

Share this post


Link to post
Share on other 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 :!:

Share this post


Link to post
Share on other sites

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:

Edited by Kreestal

Share this post


Link to post
Share on other 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".

Share this post


Link to post
Share on other 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). :?:

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...