No replies
cc4digital
cc4digital's picture
Offline
newbie
Last seen: 6 years 12 weeks ago
Timezone: GMT-7
Joined: 2009-04-10
Posts: 1
Points: 2

I seem to be having a lot of problems with this issue. My wrapper 100% height is working, but the div inside will not do 100% height. Any idea on how to fix or a work around to this issue?

See code below
HTML:

<html>
    <body>
       <div id="dummyid">
          <div id="outer_wrapper">
             <?PHP
                echo date('g:ia \o\n l jS F Y');
             ?>
             <p>hmmmm</p>
           <!--end outer wrapper--></div>
       <!--end dummyid-->
    </body>
</html>

CSS:

 
html, body {
height: 100%;
}

body{
background: #000; font-family:sans-serif; margin: 0; padding: 0; text-align:center;/*correct id bug*/}

#dummyid{
/*Image Positioning*/
position:relative;
/*Text Positioning*/
margin: 0 auto; padding:0; color:white; width:1600px; text-align:left;
border: #09F 1px solid;
min-height:100%; /*broswer fill*/ !important height:auto; /*content fill*/
}

/*Texture background */
#outer_wrapper{
/*Image Positioning*/
position: relative;
background-image:url(../../images/background.png);
background-repeat: repeat;
/*Text Positioning*/
margin: 0 auto; padding:0;width: 1200px;
min-height: 100%; /*broswer fill*/ height: auto !important; /*content fill*/height: 100%;
border: pink 1px solid;}

Wink Wink Wink