www.webdeveloper.com
Results 1 to 3 of 3

Thread: Promblems with IE

  1. #1
    Join Date
    Jul 2012
    Posts
    1

    Promblems with IE

    Hello everybody

    This is my code

    HTML Code:
    <html>
        <head>
           <title>Test</title>
         </head>        
        
         <body>
            <div style="height: 10px; overflow: hidden;">
                <div>Test</div>      
            </div> 
        </body>
    
    </html>
    The problem is that the text should be visible. One solution to fix it is the following:

    HTML Code:
    <div style="position: absolute">Test</div>
    But unfortunitly all versions of IE don't accept that. In all other browsers it works fine.

    I only can change the code with the text cause it's a web application that generate this code!

    Any suggestion to solve this issue without javascript?

  2. #2
    Join Date
    Mar 2011
    Posts
    1,136
    To begin, you need to add a complete <!DOCTYPE> statement to your document to insure that all browsers will render your pages in Standards Compliance Mode - which means they will all try to render the document according to the W3C standards. Search on "doctype switch" and you'll find some good advice.

    Second, it looks like you've stripped out too much code for anyone to really be able to help you. In your original code, for example, the <div> is set to a height of 10px, which is too narrow for the browser to display a line of text at any common default size. Is that really the code being used? Post more information and someone will try to help you.
    Rick Trethewey
    Rainbo Design

  3. #3
    Join Date
    Mar 2012
    Posts
    1,256
    Further to the above comments, the text is in a div INSIDE the div in which the height is set. Height is not inherited, so it is not set in the inner div. So the height depends upon the default per browser. Basically the code is nonsense.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles