Re: [css-d] problem with "overflow: visible" under IE8 resizing the containing node

2011-04-19 Thread Victor Danilchenko 

On 4/19/11 12:40 PM, Kevin A. Cameron wrote:

Is the doctype on line 1?


	yes -- and neither DOCTYPE nor X-UA-Compatible meta-tag get me out of 
quirks mode on the app page, though both work just fine on the test page.


--
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/

Re: [css-d] problem with "overflow: visible" under IE8 resizing the containing node

2011-04-19 Thread Kevin A. Cameron 
Is the doctype on line 1?

Kevin
__
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/

Re: [css-d] problem with "overflow: visible" under IE8 resizing the containing node

2011-04-19 Thread Victor Danilchenko 
	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:


"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:


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/

Re: [css-d] problem with "overflow: visible" under IE8 resizing the containing node

2011-04-19 Thread Victor Danilchenko 

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:


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/

Re: [css-d] problem with "overflow: visible" under IE8 resizing the containing node

2011-04-16 Thread David Hucklesby 

On 4/16/11 4:55 AM, Michael Adams wrote:

On Saturday 16 April 2011 16:19, David Hucklesby wrote: [snip]

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.



The XML prolog (XHTML), or an SGML comment (HTML) forces quirks mode
as well if you wish to force IE6 only.



True. But note that if you use the HTML5 DOCTYPE, a preceding comment
puts IE 7 and 8 into quirks mode as well as 6. (Have not tried IE 9.)
--
Cordially,
David
__
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/

Re: [css-d] problem with "overflow: visible" under IE8 resizing the containing node

2011-04-16 Thread Michael Adams 
On Saturday 16 April 2011 16:19, David Hucklesby wrote:
 [snip]
> 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.
>

The XML prolog (XHTML), or an SGML comment (HTML) forces quirks mode as well 
if you wish to force IE6 only.

-- 
Michael
__
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/

Re: [css-d] problem with "overflow: visible" under IE8 resizing the containing node

2011-04-15 Thread David Hucklesby 

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:


Better though to use a full DOCTYPE...
--
Cordially,
David


__
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/

[css-d] problem with "overflow: visible" under IE8 resizing the containing node

2011-04-15 Thread Victor Danilchenko 
	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.


	Can anyone points me to a way to get IE to render overflow with 
fixed-width container correctly? I already tried setting both container 
and content  to "position: relative", it doesn't help.


	is this is just an IE8 bug in CSS handling, nothing that can be done 
about? if so, is there some way, short of using absolute positioning, to 
work around this?


Any ideas would be much appreciated.

--
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/