[CSS] Je haie Firefox...

[zeb]

j'oubliais, j'ai un peut épuré ton CSS et l'important est la :

Code: Tout sélectionner

/* Définition du style définissant l'encadrement du contenu    */

.begaud-box {
   width:750px;
}

.begaud-entete {
   width:750px;
   height: 46px;
   background: url(http://www.calorifuge-begaud.fr/fond_01.gif) no-repeat top left;
}

.begaud-content {
   width: 750px;
   text-align: center;
   background-image: url(http://www.calorifuge-begaud.fr/fond_02.gif);
   background-repeat: repeat-y;
   background-position: top left;
}

.begaud-contenu {
   width: 660px;
   text-align: justify;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   position: relative;
   left: 10px;
}

.begaud-bas {
   width:750px;
   height: 54px;
   background: url(http://www.calorifuge-begaud.fr/fond_03.gif) no-repeat top left;
}


[bproductiv]

met une <br/> avant ta h1 et après ton paragraphe pour 'encadrer' le contenu de la div begaud-contenu le problème de 'déconnection' des fond va disparaître

Cette pratique n'est pas recommandée, beaucoup de techniques existent pour ne pas recourir à des ajouts de balises inutiles.
Voir sur le site d'eric meyer et autre gourous du css

[zeb]

met une <br/> avant ta h1 et après ton paragraphe pour 'encadrer' le contenu de la div begaud-contenu le problème de 'déconnection' des fond va disparaître

Cette pratique n'est pas recommandée, beaucoup de techniques existent pour ne pas recourir à des ajouts de balises inutiles.
Voir sur le site d'eric meyer et autre gourous du css

pas recommandée pourquoi ? 2 x 5 octets plus les CR ? une ligne de plus en visuel dans le navigateur ?

[moktoipas]

pasqu'elle n'a aucune justification sémantique.

fair un br pour arranger un bug visuel, c'est ce qui conduit a avoir un code pourri et sur lequel on ne peut plus revenir.

[bproductiv]

pour un meilleure séparation contenu / graphisme.
Pas d'ajout de balise superflux.Un code sémantique doit le rester, après si il ne l'est pas, alors faut pas se priver.

[Victor BRITO]

fair un br pour arranger un bug visuel, c'est ce qui conduit a avoir un code pourri et sur lequel on ne peut plus revenir.

+1

[zeb]

pasqu'elle n'a aucune justification sémantique.

fair un br pour arranger un bug visuel, c'est ce qui conduit a avoir un code pourri et sur lequel on ne peut plus revenir.

code pourri tu y va un peut fort surtout pour 2 pauvres BR qui aide a passer partout (IE et FF)

Code: Tout sélectionner

<div style="width:10px;float:left;" >&nbsp;</div>

<div style="width:10px;float:left;" >&nbsp;</div>
<div class="barre" onmouseout="Aid('');this.style.marginTop='0px';" onmouseover="Aid('Faire une citation')" onclick="insertion('[QUO]','[/QUO]');" onmouseup="this.style.marginTop='0px';" onmousedown="this.style.marginTop='1px';" >Citation</div>
<div style="width:10px;float:left;" >&nbsp;</div>
<!--
<div class="barre" onmouseout="Aid('');this.style.marginTop='0px';" onmouseover="Aid('Afficher un block à droite (Mettez un block, une image dedans, un saut de ligne et une legende fermez le block puis tappez le reste de votre commentaire).')" onclick="insertion('[BLO]','[/BLO]');" onmouseup="this.style.marginTop='0px';" onmousedown="this.style.marginTop='1px';" >Block</div>
<div class="barre" onmouseout="Aid('');this.style.marginTop='0px';" onmouseover="Aid('Le texte entre cette balise ne sera pas corrigé par le correcteur anti SMS.')" onclick="insertion('[NO]','[/NO]');" onmouseup="this.style.marginTop='0px';" onmousedown="this.style.marginTop='1px';" >NoVérif</div>-->


<script type="text/javascript">
function Aid(txt)
{
if (txt=='') {document.getElementById("aide").style.display='none';} else {document.getElementById("aide").style.display='block';}
document.getElementById("aide").innerHTML= txt;
}
</script></div>


<script type="text/javascript">
Array.prototype.inArray = function (value)
// Returns true if the passed value is found in the
// array.  Returns false if it is not.
{
    var i;
    for (i=0; i < this.length; i++) {
        // Matches identical (===), not just similar (==).
        if (this[i] === value) {
            return true;
        }
    }
    return false;
}

function spam(obj)
{



var spam = new Array();

spam[0]="watches";spam[1]="casino";spam[2]="@moktoipas.com";spam[3]="subject:";
spam[0]="watches";
text=obj.value.toLowerCase();


var temp = new Array();
temp = text.split(' ');
var message="";
for (x in temp)
{
if (spam.inArray(temp[x])) {message+="Votre message ne peut pas contenir '"+temp[x]+"'.<br>";}
}

document.getElementById('erreurspam').innerHTML=message;





}
</script>


ça c'est un code pourri, melange de l'applicatif et de la présentation, style dans le HTML, pas de tabulation etc ... si tu regarde sa page, tu verra que c'est loins d'être le même exemple, c'est d'ailleurs pour cela que j'ai pris le temps de répondre

[zeb]

pour un meilleure séparation contenu / graphisme.
Pas d'ajout de balise superflux.Un code sémantique doit le rester, après si il ne l'est pas, alors faut pas se priver.

moi perso je suis assez OK avec cela et c'est aussi ce que j'essaie de faire mais en chargeant sa page tu te rend compte qu'il y a déjà pas mal de truc qui sont pas XHTML, ensuite c'est pas full CSS donc ...

tien ça me donne une idée...

[zeb]

bon parce que le problème m'a tiraillé les pauvre neurones qu'il me reste une solution sans BR avec une approximation sur le centrage du contenu (j'arrive pas a comprendre pourquoi mes truc habituels ne passe pas sur ce code)

ici : -http://www.agir19.free.fr/www.calorifuge-begaud.fr.html

[cedric_g]

Vous êtes des malades. Mais bon sang, je vous aime (en toute amitié hein )

Si vous avez besoin de moi pour "mes" domaines de compétences (photo numérique, analyse décisionnelle, chats de race...), je suis tout ouïe (je sais, c'est étrange comme domaines) !

[cedric_g]

Up !

Encore pour vous remercier puisque tout est quasi rentré dans l'ordre. Subsiste une légère différence de marge dans Firefox (le contenu est très légèrement décalé à gauche par rapport à IE qui lui affiche nickel... J'ai le même soucis à priori dans mon blog, je n'ai jamais compris d'où ça venait)

J'ai aussi un petit soucis d'affichage des galeries (page "réalisations") mais je devrais pouvoir résoudre ça tout seul


Encore MERCI !