SitePoint Sponsor

User Tag List

Results 1 to 12 of 12
  1. #1
    SitePoint Addict
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    330
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Height 100% - Not For IE?

    I'm working on a site, www.bluevolume.com/dallasent, and I set the height of the main div to 100%. This displys properly in Firebird, but the height of "main" will only go as far as the last element contained in the div in IE 6.

    Is there a way to fix this for IE?

    Thanks in advance!

    Edit:


    Here's the code pertaining to the main div:
    Code:
    #main {
    	position: absolute;
    	border-style: solid;
    	border-color: #8DA5D6;
    	border-right-width: 1px;
    	border-left-width: 0;
    	border-bottom-width: 0;
    	border-top-width: 0;
    	width: 746px; /* IE5 gets this */ 
    	background-color: #ffffff; 
    	height: 100%;
    	padding: 0;
    	margin: 0;
    	voice-family:"\"}\""; 
    	voice-family:inherit; 
    	width:745px;/* Compliant browsers get this */ 
    }
    The rest of the code is in the HTML file itself (theres no external style sheet)
    Last edited by tempus; Sep 8, 2003 at 17:04.

  2. #2
    SitePoint Wizard bronze trophy
    Join Date
    Apr 2003
    Posts
    4,095
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello,

    If I remember correctly, this is a bug in Microsoft Internet Explorer... unfortunately, at this time, there does not appear to be a fix. Sorry...

    Compuwhiz7

  3. #3
    SitePoint Addict
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    330
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Argh!

    Is there any then to have 2 background images on the page, one going vertically, and one going horizontally, and have one on top of the other using z-scores or something?

  4. #4
    SitePoint Wizard bronze trophy
    Join Date
    Apr 2003
    Posts
    4,095
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello,

    Uh... no... I don't think you can specify a ZIndex for backgrounds...

    Sorry!

    Compuwhiz7

  5. #5
    SitePoint Addict
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    330
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Is there no other way to acheive the desired effect??

  6. #6
    SitePoint Wizard bronze trophy
    Join Date
    Apr 2003
    Posts
    4,095
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello,

    Not that I know of, I'm afraid...

    Compuwhiz7

  7. #7
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,276
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    For your first question try:

    Code:
    body {height:100%;}
    Paul

  8. #8
    ********* Wizard silver trophy Cam's Avatar
    Join Date
    Aug 2002
    Location
    Burpengary, Australia
    Posts
    4,495
    Mentioned
    0 Post(s)
    Tagged
    1 Thread(s)
    Off Topic:

    Quote Originally Posted by compuwhiz7
    Hello,

    Not that I know of, I'm afraid...

    Compuwhiz7
    I know you've heard all about this, I think there was even a thread on it But my god I hate the way you lay out your posts!!!!!!!

  9. #9
    SitePoint Wizard bronze trophy
    Join Date
    Apr 2003
    Posts
    4,095
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello,

    Ah, yes... thanks, Paul. I thought there was something about that, but I couldn't quite remember it...

    Compuwhiz7

  10. #10
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,276
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Is there any then to have 2 background images on the page, one going vertically, and one going horizontally, and have one on top of the other using z-scores or something?
    You can have as many background images as you want. The order in which they appear in the html will determine which background overlays the previous.

    If you place a background image in the body that will always be at the back. To overlay three divs you could do something like this.
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
    <!--
    body {
     height:100%;
     margin:0px;padding:0px;
     background-image:  url(c.gif);
     background-repeat: repeat-x;
    }
    .outer {
     position:absolute;
     left:0;top:0;
     height: 100%;
     width: 100%;
     background-image: url(m.gif);
     background-repeat: repeat-y;
    }
    .outer2 {
     position:absolute;
     left:0px;
     top:100px;
     width:100%;
     height: 60px;
     background-image: url(k.gif);
     background-repeat: repeat-x;
    }
    -->
    </style>
    </head>
    <body>
    <div class="outer"></div>
    <div class="outer2"></div>
    </body>
    </html>
    Hope this helps.

    Paul

  11. #11
    SitePoint Addict
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    330
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks everyone for the help!! it's much appreciated

  12. #12
    SitePoint Wizard bronze trophy
    Join Date
    Apr 2003
    Posts
    4,095
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello,

    Off Topic:


    Quote Originally Posted by DJ Packman
    ...I hate the way you lay out your posts!
    What would you rather have me do, then?


    Compuwhiz7


Bookmarks

Posting Permissions

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