Disappearing HTML components

perspectivus · Jan 3, 2010

This message describes a bug (IE7 and IE: The text box in the following
HTML disappears when the browser window is less than 600 pixels wide:

<HTML>
<DIV style="border:1px solid red">
<SPAN style="position:relative">
<SPAN style="float:left">label</SPAN>
<INPUT style="width:600px" value="input">
</SPAN>
</DIV>
</HTML>

----------------
This post is a suggestion for Microsoft, and Microsoft responds to the
suggestions with the most votes. To vote for this suggestion, click the "I
Agree" button in the message pane. If you do not see the button, follow this
link to open the suggestion in the Microsoft Web-based Newsreader and then
click "I Agree" in the message pane.

http://www.microsoft.com/communitie...&dg=microsoft.public.internetexplorer.general

Dan · Jan 4, 2010

"perspectivus" <perspectivus@discussions.microsoft.com> wrote in message
news:7D7F841E-84C6-40D7-BF3A-3BEC4E3EA7F4@microsoft.com...
> This message describes a bug (IE7 and IE: The text box in the following
> HTML disappears when the browser window is less than 600 pixels wide:
>
> <HTML>
> <DIV style="border:1px solid red">
> <SPAN style="position:relative">
> <SPAN style="float:left">label</SPAN>
> <INPUT style="width:600px" value="input">
> </SPAN>
> </DIV>
> </HTML>

If you add a DTD for the first line, eg.

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

then it doesn't disappear, it gets wrapped to the next line and extends
beyond the right margin.

Looks like it's a Quirks mode issue, make sure you use a DTD to prevent
Quirks mode in IE7/IE8.

--
Dan

PA Bear [MS MVP] · Jan 4, 2010

And your Suggestion is...?

Developer-specific resources include:

MSDN IE Development Forums <=post such questions here instead
http://social.msdn.microsoft.com/forums/en-US/category/iedevelopment/

IE Developer Center
http://msdn.microsoft.com/en-us/ie/default.aspx

Learn IE8
http://msdn.microsoft.com/en-us/ie/aa740473.aspx

HTML and DHTML Overviews and Tutorials
http://msdn.microsoft.com/en-us/library/ms537623.aspx and

Cascading Style Sheets (CSS)
http://msdn2.microsoft.com/en-us/ie/aa740476.aspx

Expression Web SuperPreview for Internet Explorer (free, stand-alone visual
debugging tool for IE6, IE7, and IE
http://www.microsoft.com/downloads/...FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677

Expression Web SuperPreview Release Notes
http://www.microsoft.com/expression/products/Web_SuperPreviewReleaseNotes.aspx

Validators:
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/

perspectivus wrote:
> This message describes a bug (IE7 and IE: The text box in the following
> HTML disappears when the browser window is less than 600 pixels wide:
>
> <HTML>
> <DIV style="border:1px solid red">
> <SPAN style="position:relative">
> <SPAN style="float:left">label</SPAN>
> <INPUT style="width:600px" value="input">
> </SPAN>
> </DIV>
> </HTML>
>
> ----------------
> This post is a suggestion for Microsoft...
<blithersnippage>

rob^_^ · Jan 4, 2010

No <head> , no <title>, no <chance> it will validate.

"Dan" <news@worldofspack.com> wrote in message
news:F88CC7CF-5990-4EFE-8215-13E5A45C480D@microsoft.com...
>
> "perspectivus" <perspectivus@discussions.microsoft.com> wrote in message
> news:7D7F841E-84C6-40D7-BF3A-3BEC4E3EA7F4@microsoft.com...
>> This message describes a bug (IE7 and IE: The text box in the following
>> HTML disappears when the browser window is less than 600 pixels wide:
>>
>> <HTML>
>> <DIV style="border:1px solid red">
>> <SPAN style="position:relative">
>> <SPAN style="float:left">label</SPAN>
>> <INPUT style="width:600px" value="input">
>> </SPAN>
>> </DIV>
>> </HTML>
>
> If you add a DTD for the first line, eg.
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "http/www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
>
>
> then it doesn't disappear, it gets wrapped to the next line and extends
> beyond the right margin.
>
> Looks like it's a Quirks mode issue, make sure you use a DTD to prevent
> Quirks mode in IE7/IE8.
>
> --
> Dan
>

Dan · Jan 4, 2010

"rob" <iecustomizer@hotmail.com> wrote in message
news:169BB807-E60B-4522-851F-85EFADA213A9@microsoft.com...
> No <head> , no <title>, no <chance> it will validate.

Yeah, no <body> either. I should have paid more attention, but yesterday was
a nightmare at work sorting out the UK VAT changes (we have over 1500 VAT
rates on our system, so it was a massive update ....)

Dan

> "Dan" <news@worldofspack.com> wrote in message
> news:F88CC7CF-5990-4EFE-8215-13E5A45C480D@microsoft.com...
>>
>> "perspectivus" <perspectivus@discussions.microsoft.com> wrote in message
>> news:7D7F841E-84C6-40D7-BF3A-3BEC4E3EA7F4@microsoft.com...
>>> This message describes a bug (IE7 and IE: The text box in the
>>> following
>>> HTML disappears when the browser window is less than 600 pixels wide:
>>>
>>> <HTML>
>>> <DIV style="border:1px solid red">
>>> <SPAN style="position:relative">
>>> <SPAN style="float:left">label</SPAN>
>>> <INPUT style="width:600px" value="input">
>>> </SPAN>
>>> </DIV>
>>> </HTML>
>>
>> If you add a DTD for the first line, eg.
>>
>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
>> "http/www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
>>
>>
>> then it doesn't disappear, it gets wrapped to the next line and extends
>> beyond the right margin.
>>
>> Looks like it's a Quirks mode issue, make sure you use a DTD to prevent
>> Quirks mode in IE7/IE8.
>>
>> --
>> Dan
>>

Log in or Sign up

Disappearing HTML components

perspectivus Flightless Bird

Dan Flightless Bird

PA Bear [MS MVP] Flightless Bird

rob^_^ Flightless Bird

Dan Flightless Bird

Other Threads You Might Find Interesting

Share This Page

TUX REPORTS