• Welcome to Tux Reports: Where Penguins Fly. We hope you find the topics varied, interesting, and worthy of your time. Please become a member and join in the discussions.

Disappearing HTML components

P

perspectivus

Flightless Bird
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/communitie...&dg=microsoft.public.internetexplorer.general
 
D

Dan

Flightless Bird
"perspectivus" <perspectivus@discussions.microsoft.com> wrote in message
news:7D7F841E-84C6-40D7-BF3A-3BEC4E3EA7F4@microsoft.com...
> 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
 
P

PA Bear [MS MVP]

Flightless Bird
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 IE8)
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 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>
 
R

rob^_^

Flightless Bird
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 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
>
 
D

Dan

Flightless Bird
"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 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
>>
 
Top