visitor (0 QPoints)
  • FR
  • EN
  • NL
  • DE
  • ES
315 experts, 1193 registered users, 1659 questions already answered
European Experts Exchange, the very best site for high-quality IT solutions

New Improved Search!

 


05/10/2011 1h30 : Steve Jobs is dead, the father of Apple ][ is gone, we are all orphaned.

Web :: Browser issues :: Internet Explorer - problème de flot avec DIV imbriqués - imbricated DIV problem with hidden overflow - bug ?


By: Bernard France  Date: 24/07/2006 10:37:51  French English  Points: 20 Status: Answered
Quality : Excellent
Bonjour,

J'ai un problème de flot avec deux bêtes DIV imbriqués. Internet Explorer ne respecte pas la clause de style "overflow:hidden" sur la DIV conteneur. Pourquoi ?

I've a data overflow problem with Internet Explorer on two miserable imbricated DIVs, while the containing DIV has the style clause "overflow:hidden". Why is that ?

Merci :-)
By: VGR Date: 24/07/2006 10:48:55 French English  Type : Answer
Yo. I retrieved back a nice explanation of this silly behaviour of Internet Exploder :

AG Blog link

Agave groupe Design :


This is critical. This scrolling box relies upon positioning (position:relative) a DIV inside another DIV with hidden overflow (overflow:hidden). IE, with a strict doctype does not allow for this.. It’s a bug in IE 6, and it’s a bummer. The solution I used is to force IE into quirks mode by putting a comment before the very first line of HTML on this page (go ahead… view the source)NdVGR: see (1) below. It’s not something I like, but it seems like working around IE’s shortcomings is half a web developer’s job… Using a transitional doctype sort of works. If you use

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

It’ll work, but if you use

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/ xhtml1-transitional.dtd">

it won’t. Gotta love IE.



Patrick Ryan :


And the quirks mode comment is right-on. Drives me nuts. As far as I can tell though it’s the only solution because in strict, IE simply won’t let a positioned (absolute or relative) item get hidden inside an item that has hidden overflow. It just blows out. An IE bug for certain.



(1) any valid HTML comment like this will do the trick. The idea is to send this to IE ***only*** so that it ignores the strict doctype that any good real-world browser will thankfully accept.

<!-- any comment will do -->



Bon amusement à essayer de faire marcher ton site avec IE ;-)

Do register to be able to answer

EContact
browser fav
page generated in 400.825980 milliseconds

Why Google AdSense ads ?

compteur
 Ranking-Hits PageRank for this page