Disappearing HTML components

01-04-2010

This message describes a bug (IE7 and IE8): 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/communities...plorer.general

01-04-2010

"perspectivus" <> wrote in message
news:7D7F841E-84C6-40D7-BF3A-...
> This message describes a bug (IE7 and IE8): 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

01-04-2010

And your Suggestion is...?

Developer-specific resources include:

MSDN IE Development Forums <=post such questions here instead
http://social.msdn.microsoft.com/for...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 IE8)
http://www.microsoft.com/downloads/d...b-dccff3fae677

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

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

perspectivus wrote:
> This message describes a bug (IE7 and IE8): 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>

01-04-2010

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

"Dan" <> wrote in message
news:F88CC7CF-5990-4EFE-8215-...
>
> "perspectivus" <> wrote in message
> news:7D7F841E-84C6-40D7-BF3A-...
>> This message describes a bug (IE7 and IE8): 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
>

01-05-2010

"rob^_^" <> wrote in message
news:169BB807-E60B-4522-851F-...
> 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" <> wrote in message
> news:F88CC7CF-5990-4EFE-8215-...
>>
>> "perspectivus" <> wrote in message
>> news:7D7F841E-84C6-40D7-BF3A-...
>>> This message describes a bug (IE7 and IE8): 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
>>

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Re: URLs in HTML email often don't work	Joe	Windows Vista Mail	1	12-13-2009 09:34 PM
URLs in HTML email often don't work	Joe	Windows Vista Mail	9	12-13-2009 02:56 PM
HTML Emails	SurfYourName	Windows Live Mail	2	12-10-2009 03:25 PM
HTML as Default	heshie	Windows Vista Mail	2	10-31-2009 01:53 AM
Conflicting SFC results	JohnDavid	Windows Vista Performance	6	03-18-2008 01:00 AM