Promblems with IE

**develpoer23** · 07-12-2012 06:46 AM

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?

**rtrethewey** · 07-12-2012 09:43 AM

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.

**jedaisoul** · 07-13-2012 02:54 PM

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: Promblems with IE

Thread Tools

Display

Promblems with IE

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions