[Résolu] Opera, haslayout ??

Bonjour !

J'ai fait différentes modification sur le css de mon site. et depuis je rencontre une bizarrerie avec opera, une sorte de haslayout (comme avec ie) ce qui n'est pas disgracieux mais juste je n'ai pas compris pourquoi.

Deux images pour mieux comprendre :
opéra
http://www.formatc2.net/docs/w_op.jpg
firefox
http://www.formatc2.net/docs/w_ff.jpg

et un lien :
http://www.formatc2.net/pages/Evenement-53-1-1-ELECTROCHOC-decembre-2008.html

Cela vous est il déjà arrivé ?
d'où cela peut il venir ?

Merci
Modifié par gok6tm (04 Dec 2008 - 22:37)

Bonjour et bienvenue,

ça devrait venir de ton élément HTML chargé de faire un clear: both; en fin d'encadré.
Colore le tout (background-color sur le div, les paragraphes et cet élément de classe .clean) pour mieux détecter le souci.
Une version totalement paranoïaque (tout n'est pas à garder!) serait:

.clean {
  clear: both;
  font-size: 1px;
  line-height: 1px;
  display: block;
  height: 1px;
  margin: 0;
  padding: 0;
}

EDIT: et merci de ne pas insulter Opera de cette manière hasLayout ... tss non mais


Mmh quelle version d'Opera d'ailleurs? 9.2x ou 9.5x/9.6x ? Toutes?
Modifié par Felipe (04 Dec 2008 - 12:28)

Merci !

Alors j'ai fait des test avec .clean mais il n'est pas utilisé a la fin du premier encadré
j'arrive à enlever cet effet (je persiste ) de haslayout avec la version 9.60 de opéra en enlevant l'image de fond de #page

#page  {
background-image: url('../_res/neon.jpg');
background-repeat: no-repeat;
background-position: bottom left;
}

ce qui est particulier c'est qu'en bougeant la barre de défilement "l'effet" de disparition de bordure n'est pas constant (la bordure peut très bien réapparaitre du moins pour le bloc du bas) c'est surtout cette particularité qui me fait penser à ie6

EDIT: y a pas de concours en décembre ??
Modifié par gok6tm (04 Dec 2008 - 13:45)

Bonjour,

Tu n'as pas tort de comparer IE et opera , ils ont certains bugs en commun , sur d'ancienne version , c'etait les float par exemples , et puis bizarrement IE7 a lui aussi hérité d'un vieux bug d'opera ....

Pour ton probleme d'aujourd'hui , tu peut le resoudre comme sur IE , avec un :

position:relative;

ce qui provoque un reflow partielle de ta page en redessinant completement l'element concerné.

IL te faut juste alors verifié que cela ne provoque pas d'effet secondaire inattendue ailleurs (IE justement ).

++

Merci gcyrillus !

La bordure s'affiche à présent.