1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Disappearing HTML components

Discussion in 'Internet Explorer' started by perspectivus, Jan 3, 2010.

  1. perspectivus

    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
     
  2. Dan

    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
     
  3. PA Bear [MS MVP]

    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>
     
  4. rob^_^

    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
    >
     
  5. Dan

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

Share This Page