Click to See Complete Forum and Search --> : problem with header not appearing


npqster
03-27-2008, 03:14 AM
I have a header in my document at:
http://www.ltcproduction.com/gekko/gekko.html
it is supposed to show a picture as the header. Why isn't it working?

Below is the CSS part and it validates

#header

{ padding:10px;
height: 50px;
margin:0;
text-align:center;
color: #FFFFFF;
background-image: url("anemone_header.jpg");
background-attachment: fixed;
background-position: 100% 100%;
background-repeat: y;
}

Centauri
03-27-2008, 03:50 AM
The css on the site differs from what you have here, but in the background property of the header div on the site, the values should be separated with just spaces, not commas :background: url(anemone_header.jpg) purple repeat-y;

npqster
03-27-2008, 01:09 PM
Thanks, I changed it and now it's not repeating, also, my footer is not being displayed :(
#footer {
top:none;
background-color:#000000;
width:100%;
clear:both;
margin:0;
padding:1% 0;
text-align:center;
}

KDLA
03-27-2008, 01:25 PM
"top:none;" is incorrect. Either it is "top: 0" or you've confused this setting with something else.

I suggest you consult a list of CSS properties and their correct syntax: http://htmlhelp.com/reference/css/properties.html when writing your code.

Centauri
03-27-2008, 05:08 PM
404 Not found error on the link. Can't help much more if we can't check the site.

If I remember correctly, the anemone_header.jpg graphc was much bigger than the #header div, so would not be able to repeat anyeay.

npqster
03-28-2008, 12:53 AM
Thanks, there was a pb with my hosting service

I changed the image and so far the header is still not repeating and the footer is not showing :confused:

Centauri
03-28-2008, 03:47 AM
If you want the image to repeat across the header, it is repeat-x (repeat-y is repeat vertically).

I see the footer ok.

npqster
03-28-2008, 04:09 AM
yes I fixed the footer. Looks like the fact that it didn't have "position:relative" was causing the pb