SitePoint Sponsor

User Tag List

Results 1 to 13 of 13
  1. #1
    Formerly known as RockNRollPig Shpigford's Avatar
    Join Date
    Dec 2002
    Location
    Denver, CO
    Posts
    2,877
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    footer won't go to the bottom in mozilla...

    i've got a "container" <div> that well...contains everything...at an rate...for some reason it won't extend all the way to the bottom of the page and neither will my footer...but the content inside goes past it...to see what im talking about go HERE...it looks fine in IE...just not Mozilla...

  2. #2
    SitePoint Addict hurricane.uk's Avatar
    Join Date
    May 2003
    Location
    Liverpool
    Posts
    361
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Place this before the footer in your markup <br style="clear:both;" />

    And you need a doctype, or you'll consistently get inconsistent results across browsers.

  3. #3
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by hurricane.uk
    And you need a doctype, or you'll consistently get inconsistent results across browsers.
    Yes! Please add a DOCTYPE if you want consistent rendering across browsers. For example, IE/Windows doesn't implement margin: auto; unless you have a proper DOCTYPE on your page.

  4. #4
    runat="server" Golgotha's Avatar
    Join Date
    Nov 2001
    Location
    Colorado
    Posts
    2,085
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm in the same boat...How can I get the yellow to be 100% in order to keep green at bottom AND how do I get red bars to be 100% ???

    http://www.search-this.com/cp.html

  5. #5
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Golgotha,

    Instead of using 2 <div>s to create the red border, you can just add this style to #frame:
    Code:
    #frame {
      border-style: solid;
      border-color: red;
      border-width: 0px 13px;
    }
    This will give you that 13px red border on the left and right sides. Then you don't have to float anything, which will make your site easier to lay out.

  6. #6
    Formerly known as RockNRollPig Shpigford's Avatar
    Join Date
    Dec 2002
    Location
    Denver, CO
    Posts
    2,877
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Place this before the footer in your markup <br style="clear:both;" />
    that semi solved the problem in mozilla but it still covers up a few of the games and the background won't extend all the way to the bottom...and also now in IE the main box of games is below the sidebar....

  7. #7
    runat="server" Golgotha's Avatar
    Join Date
    Nov 2001
    Location
    Colorado
    Posts
    2,085
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    sup vg~, I see what you mean, but the thing is a graphic that would stretch the v height of the page would go there, not just a color.

  8. #8
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by Golgotha
    sup vg~, I see what you mean, but the thing is a graphic that would stretch the v height of the page would go there, not just a color.
    Ah, now I get it. I thought it was just a solid border effect that you wanted. In any case, I'd recommend doing something like this:
    Code:
    #frame {
      background-image: url('/images/background.gif');
      background-repeat: repeat-y;
      padding: 0px 13px;
    }
    Just create your image to span the horizontal width of #frame (and give it an arbitrary height of, say 10px), and allow for enough left/right padding within #frame to show the background image. Then you still wouldn't have to float anything .

  9. #9
    Formerly known as RockNRollPig Shpigford's Avatar
    Join Date
    Dec 2002
    Location
    Denver, CO
    Posts
    2,877
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    apparantely golgotha has hijaked my thread ...anybody wanna try to help me now?

  10. #10
    runat="server" Golgotha's Avatar
    Join Date
    Nov 2001
    Location
    Colorado
    Posts
    2,085
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sorry, didnt mean to hijack anything, just seemed like we were in the same boat...

  11. #11
    SitePoint Addict hurricane.uk's Avatar
    Join Date
    May 2003
    Location
    Liverpool
    Posts
    361
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    rocknrollpig, your closing </div> for the container has been set after the </html> tag, place it before the </body> tag.

    You've also got a bit of redundent markup, and some of your divs could as easily be spans as they're containing only a couple of words of text, or better yet - use semantic markup and tag them as headings: <h1>, <h2> etc. Search engines will like you for it, and so will assistive devices. The redundent markup, eg.

    <div id="footcontain">
    <div id="footer">--footer here--</div>
    </div>

    Only one of those divs is required.

  12. #12
    Formerly known as RockNRollPig Shpigford's Avatar
    Join Date
    Dec 2002
    Location
    Denver, CO
    Posts
    2,877
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    okay...well i fixed the div problem...i've still got some major layout problems...if anyone would like to take a gander at it again
    http://test.reallyfunarcade.com

  13. #13
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,555
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,
    ...and also now in IE the main box of games is below the sidebar
    Take out the width:100% from your gameheader style. It's 100% wide +4px padding is making it too wide so it drops below the float.

    What are the other specific problems?

    Paul


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
  •