SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Evangelist -T-'s Avatar
    Join Date
    Jun 2002
    Posts
    444
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    AAAH! CSS is a major pain

    http://www.mangadownload.net/series.php?sid=1

    the div layers aren't expanding!?! why is this? I'm new to tableless design so please bear with me
    chrome is a wrapper that combines a browser with spyware

  2. #2
    SitePoint Evangelist Mr. Brownstone's Avatar
    Join Date
    May 2002
    Location
    Relative
    Posts
    452
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Stick one of these:
    Code:
    <div style="clear: both;"></div>
    Before the closing </div> that contains your table.
    Of course, that's just my opinion. I could be wrong.

  3. #3
    SitePoint Evangelist -T-'s Avatar
    Join Date
    Jun 2002
    Posts
    444
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    nope, that didn't help
    chrome is a wrapper that combines a browser with spyware

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

    The problem is that you are absolutely placing your content therefore it is removed from the flow and will not influence other elements in any way.

    You need to get some flow back into the document so that you can exert pressure on other elements.

    Try this (it may need tweaking).
    Code:
    #frame {
     position: relative;
     width:779px;
     min-height:100%;
     padding:0px;
     text-align:left;
     background-image:url(http://www.mangadownload.net/images/framebackground.jpg);
    }
    * html #frame {height:100%}
    #contentcenter {
     width:565px;
     padding:0px;
     position: relative;
     margin-top:125px;
     margin-left:196px;
     text-align: center;
     padding-bottom:25px;
    }
    #contentheader {
     width:779px;
     height:125px;
     padding:0px;
     background-image:url(http://www.mangadownload.net/images/headerback1.jpg);
    }
    I have put the content and header back into the flow and used margins to position it. The frame wrapper has also been set to relative and the height is min-height now for mozilla and height:100% for ie which expands automatically.

    Hope that helps.

    Paul

  5. #5
    SitePoint Evangelist -T-'s Avatar
    Join Date
    Jun 2002
    Posts
    444
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    that did it I were afraid I would have to rebuild the site. This is great. Thanks a lot

    you are now officially my true love :P
    chrome is a wrapper that combines a browser with spyware


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
  •