Issues with a div height

Discussion in 'CSS' started by wilkes704, Nov 19, 2009.

0
  1. #1
    A client gave me a template and I cannot, for the life of me, figure out how to shorten the header div to bring the content div up closer to where it needs to be. The content only needs to be 15 or 20 pixels below where the image ends. I really need to get this fixed asap. I'm under the gun with a deadline.

    I've tried changing the height of the header section in the layout.ccs file, but it messes up the navigation.

    http://amplifydesignstudio.com/upsnap/template.htm

    Here are both of the urls for the css files.

    http://amplifydesignstudio.com/upsnap/style.css

    http://amplifydesignstudio.com/upsnap/layout.css
     
    wilkes704, Nov 19, 2009 IP
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    The height affecting that is set in #header.
     
    drhowarddrfine, Nov 19, 2009 IP
  3. cignusweb

    cignusweb Peon

    Messages:
    147
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #3
    try this

    #header, #headerb, #content, #footer {
    font-size:0.75em;
    }
    layout.css (line 5)
    #content {
    height:15px;
    overflow:hidden;
    padding:0 0 47px;
    }
     
    cignusweb, Nov 20, 2009 IP
  4. wilkes704

    wilkes704 Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I figured out that when I would change the header height that it would affect another page. When I would create #headerb, it would break the page. It turned out that #header was referenced in several other places in the style sheet. I just had to add a headerb section.
     
    wilkes704, Nov 20, 2009 IP