Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > IE6 vs. DIV height 100%

Reply
Thread Tools

IE6 vs. DIV height 100%

 
 
emerson.marini emerson.marini is offline
Junior Member
Join Date: Jul 2009
Location: Cambridge, United Kingdom
Posts: 1
 
      07-03-2009
Hi there,

I know that question sounds old, but I'm using a 'workaround' that has worked many times before and suddenly it doesn't anymore.
I have an overlay DIV to cover all the page (height 100%) and it works fine on every browser I've tried, except on the da** IE6.

Any ideas? Thanks for your help,

Emerson

Here is the entire code:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...>

<html xmlns=".../1999/xhtml">
    <head>
        <style type="text/css">
            *
            {
                border:0;    
                outline:none;
            }

            body 
            {   
                background-color:#999999;    
            }
	
            /* IE6 Hack */
		
            * html body
            {
                height:100%;
            }
			
            *, body
            {
                margin:0;
                padding:0;
            }

            .outerContainer
            {
                width:100%;
                min-height:100%;
                position:absolute;
                display:block;				
            }

            /* IE6 Hack */
			
            * html .outerContainer
            {
                height:100%;
            }
	
            .mainDiv
            {
                width:1000px;
                height:1000px;
                margin:0 auto 0 auto;
                display:block;
                background-color:#C0C0C0;
            }

            .lockerContainer
            {
                width:100%;
                height:100%;
                position:absolute;
                top:0px;
                left:0px;
                background-color:transparent;
                background-color:#000000;
                opacity:.6;
                filter:alpha(opacity=60);
                z-index:20;     
            }
        </style>
    </head>
    <body>
        <div class="outerContainer">
            <div class="mainDiv"></div>
            <div class="lockerContainer"></div>
        </div>
    </body>
</html>
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Tetration (print 100^100^100^100^100^100^100^100^100^100^100^100^100^100) jononanon@googlemail.com C Programming 5 04-25-2012 08:49 PM
Div Height = Image height. help muggslab HTML 1 02-01-2010 07:41 PM
Nested Div. Height:100%. Does more than 100% celineusa@gmail.com HTML 8 12-09-2005 08:57 AM
100% TABLE + 100% ROW + 100% DIV..? fred Javascript 3 03-17-2005 04:25 AM
How to tell height of div where height is not set? Don Vaillancourt Javascript 8 01-31-2005 11:32 AM



Advertisments