help please

Discussion in 'CSS' started by Hades, Jul 8, 2007.

0
  1. #1
    I really didn't know what to title this, since this i dont even know whats wrong.

    Anyway, here is part of a code for css that i have

    #footer {
width:709px;
height:56px;
background:url(img/footer.gif) repeat-x left center;
margin-left:5.5px;
margin-right:6px;
margin-top: 34px;
float: left;
}
    Code (markup):
    here is an overall background thing of that same page

    #body {
	width:721px;
	color:#000000;
	margin-left:auto;
	margin-right:auto;
	background:url(img/body.gif) repeat-y;
	border-left: 3px solid #9F9F9F;
	border-right: 3px solid #9F9F9F;
}
    Code (markup):
    The problem I am having is that the height doesn't shift it self automatically to fit the page. I've tried using height:auto; in the body, but unfortunately nothing. I've tried not specifying the height, also doesnt work. Somehow, this does work in IE6, but Opera and FF don't read it. I've been banging my head against the wall for the past hour trying to figure out why it doesnt work, so I am hoping someone can help me fix this. Oh, and when i take out the float: left; in the #footer thing, the image of the footer doesn't show up at all.

    Nick
     
    Hades, Jul 8, 2007 IP
  2. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Try using min-height instead. IE 5/6 treat height as min-height unless you also apply overflow: hidden; to the style rule via the * html hack.
     
    Dan Schulz, Jul 8, 2007 IP
  3. Hades

    Hades Well-Known Member

    Messages:
    1,873
    Likes Received:
    67
    Best Answers:
    0
    Trophy Points:
    150
    #3
    Yeah, i've tried that to, but it's not IE that's giving me a problem. It's Opera and FF. They seem to have something against height; auto: so they don't repeat my background image enough times. If you want to take a look at the template, ill pm you the link.
     
    Hades, Jul 8, 2007 IP
  4. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Why don't you post it here instead of PMing it to me? That way more people can look at it and try to figure out what's going on.
     
    Dan Schulz, Jul 8, 2007 IP
  5. Dondon2d

    Dondon2d Peon

    Messages:
    3,193
    Likes Received:
    146
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Didn't really understand your concern, which one doesn't shift its height automatically? Have you tried clearing the footer?

    Can you PM me the link to your site so I can take a look and try to solve your problem?

    EDIT: And I agree with Dan_Schulz, PMing the link could be a hassle for you and for all people who would like to help you.
     
    Dondon2d, Jul 8, 2007 IP
  6. Hades

    Hades Well-Known Member

    Messages:
    1,873
    Likes Received:
    67
    Best Answers:
    0
    Trophy Points:
    150
    #6
    EDIT: Okay, I fixed it. It looks as though i just needed to add a clear; left: in the #footer. by doing that, I could take out the float; left: and it made it work. I tried clear; both: before, wonder why it didnt work. Oh well. Thanks for your help guys.

    Now would anyone know of a hack/fix type thing that would work for the header which is not displaying correctly in IE6?
     
    Hades, Jul 8, 2007 IP