Sorry to bug you guys again, but while this solved the problem in my
test case, in my application the code behaves exactly like it used to,
quirks-style. I even copy-n-pasted my test code into the app page, with
the same result: it works fine on standalone page, but malfunctions on
the app page.
I did have a doctype setting before, but IE seems to have been ignoring
it all along:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd";>
Inserting this doctype into my testpage makes it work correctly.
Explicitly inserting the X-UA-Compatible meta-tag into the application
doesn't help either, IE is hell-bend on rendering my app page in quirks
mode. Works fine on test page, but not on app page. I am guessing
something on the app page makes it revert to quirks mode.
Is there any way to either force it to use standard mode regardless, or
to easily determine what exactly makes it revert to quirks rendering? My
alternative is to start taking the app page apart piece by piece until i
find which bit is the problem, and this will take forever.
Thanks in advance for your help.
On 4/19/11 11:18 AM, Victor Danilchenko wrote:
Thanks, that was exactly what was needed! I greatly appreciate it.
On 4/16/11 12:19 AM, David Hucklesby wrote:
On 4/15/11 1:35 PM, Victor Danilchenko wrote:
I put together a page to show the problem at
http://www.askonline.net/overflow_test.html . Basically, if the
container node is fixed-width with 'overflow: visible' set, the
content node will not overflow the nodes A&B -- it will instead
stretch them.
The link above starts out with 'overflow: hidden', but hover over the
box, and JS will toggle overflow state to 'visible'. under FF and
Safari, this correctly keept the box the same size, but displays
overflow text. under IE8, it resizes the container box to accommodate
the content, despite my setting of "width: 6em" in the container.
[...]
Without a DOCTYPE, browsers are in quirks mode. Real browsers still obey
CSS rules except for a couple of things like box sizing. All versions of
IE will behave like IE 5.5 though.
If you want to keep browsers in quirks mode, including IE 6 and 7, but
want IE 8 and 9 to be as standard as they can be, add the
X-UA-Compatible META element to the HEAD of your document, or configure
your server.
Read the section headed "Make sure the latest version of IE is used" on
this page:
<https://github.com/paulirish/html5-boilerplate/wiki/The-markup>
Better though to use a full DOCTYPE...
--
Victor Danilchenko
Senior Software Engineer, AskOnline.net
vic...@askonline.net - 617-273-0119
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
