SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Sep 2007
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    unwanted space between css layers

    alright, I tried to take pieces of advice from the last post. Clearly I am still figuring out the whole css thing, so I appreciate the help. To reiterate I was having trouble with css layers and space between a header, body, and footer. I took the advice of trying to put the header and footer into the body_text div. It worked great, only one problem, I put a 1 px snippet as a background for the body_text layer that will run down the body, but for some reason under the footer the snippet is appearing and the div is not ending right at the footer, not sure how I can change this. It is easier to see it and understand than me explain it, so it is posted here
    http://www.themastersinn.com/lbf_new.html
    Any help would be greatly appreciated
    thanks

  2. #2
    SitePoint Enthusiast
    Join Date
    Jul 2004
    Location
    uk
    Posts
    76
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by tableforglasses View Post
    alright, I tried to take pieces of advice from the last post. Clearly I am still figuring out the whole css thing, so I appreciate the help. To reiterate I was having trouble with css layers and space between a header, body, and footer. I took the advice of trying to put the header and footer into the body_text div. It worked great, only one problem, I put a 1 px snippet as a background for the body_text layer that will run down the body, but for some reason under the footer the snippet is appearing and the div is not ending right at the footer, not sure how I can change this. It is easier to see it and understand than me explain it, so it is posted here
    http://www.themastersinn.com/lbf_new.html
    Any help would be greatly appreciated
    thanks
    You still need to use display: block; for the footer image to sit flush with the bottom of the body_text <div>, (see code below) or if some people seem to think inline css styling is some kind of a 'hack around' use the css I provided yesterday, which is below the inline solution.

    Inline solution:

    <img src="lbf_new_files/footer3.jpg" alt="footer" height="42" width="970" style="display: block;">

    Or add to the style sheet:

    #body_text img {
    display: block;
    }


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
  •