5 replies [Last post]
cyberdelia
Offline
newbie
Last seen: 17 years 16 weeks ago
Joined: 2004-10-06
Posts: 2
Points: 0

Hi everyone,

I am working on a new site skin and have everything ready....I've used a layout similar to what I've done with past skins....but for some reason, the background image set to "repeat-y" tiles for an inch or so, then stops! I am completely dumbfounded; this hasn't happened before.

Here is the CSS:

Quote:
#container {
position: absolute;
top: 0;
left: 150px;
height: 100%;
width: 644px;
margin: 0;
background-image: url (http://www.avidity.net/styles/farscape/fs_bgline.jpg);
background-repeat: repeat-y;
height: 100%;
}

I have a test page of this skin at http://www.avidity.net/styles/farscape and the stylesheet is there as well, farscape.css.

Any help greatly appreciated....I hope I'm just overlooking something obvious....

--Cyberdelia

Lister
Offline
newbie
Last seen: 17 years 16 weeks ago
Joined: 2004-10-06
Posts: 5
Points: 0

repeat-y background image stops tiling

Have you tried using the background image in the container as a class? In your style sheet run it like this.

.background
{
background-image: url (http://www.avidity.net/styles/farscape/fs_bgline.jpg);
background-repeat: repeat-y;
<<width and height of image >>
height: 100%;
}

Then call the class from the container..

Just an idea

Lister

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 2 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

repeat-y background image stops tiling

It's got nothing to do with your image, once again and sorry for the tone of this but it's a clearing problem or to be more accurate the use of a bloody absolute menu in a blog again it's breaking out of the container you need to change it to a float and to apply a clearing fix to the container to force it to expand around the menu.
Do a search on floats and clearing fixes here , two subjects that have been covered repeatedly.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Lister
Offline
newbie
Last seen: 17 years 16 weeks ago
Joined: 2004-10-06
Posts: 5
Points: 0

repeat-y background image stops tiling

I guess when you're going to have a strop.... you have a good strop...

Oh...........and sorry for the tone of this

You know one of the resons people come here is because they don't know something.. or they want to help people.

Here you have acheived neither

Lister

cyberdelia
Offline
newbie
Last seen: 17 years 16 weeks ago
Joined: 2004-10-06
Posts: 2
Points: 0

repeat-y background image stops tiling

Thank you, Lister. I will try your idea and see what happens. Smile

Hugo, sorry for the tone of *this*, but how would I even *know* to search for the topics of "floats and clearing fixes here" if I don't know that floats & clearing fixes apply to my problem? I have a "bloody" background image that stops "bloody" tiling, I've never had this problem, and floats/clearing fixes aren't what I'd expect to fix it. I started trying to fix this by searching for solutions, but I didn't find any--thus I posted here for help. If you are that annoyed that a new poster asks for help with something that's been covered before, by all means don't reply. I only asked for help, not attitude (and I'm not really sure why I got attitude).

Sheesh.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 2 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

repeat-y background image stops tiling

The reason I apologised at the outset was by way of showing that the so called attitude was not a personal attack and if you read the post you will indeed see that it is not directed at you as such but at the number of times the mis-use of position absolute arises esp recently with blogs and I do not suggest at any time that you have not bothered to do a search but offer a suggestion that those keywords may produce some helpful posts on these subjects and the use of 'repeatedly' is to inform that there is a lot of helpful info to be found and was not intended as a snide comment at all! As to being annoyed no I wasn't at all annoyed you read too much into the post but if my reply did upset you that much then I offer my apologies for any offence caused.

lister careful with the use of the word 'strop' if I had a strop on you would know about it and "achieved neither" how do you mean neither ?
the advice was reasonably useful actualy, if perhaps delivered in a somewhat terse manner Smile

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me