It appears you have not yet registered with DEVPPL. To register please click here... (it's fast, easy and free!)

Forum

Log In Sponsors
Board index Programming HTML Forum

background img not repeating

background img not repeating

Postby hgmmy06 on Thu Mar 22, 2007 10:10 pm

So I don't know how this page looks in Internet Explorer cause I haven't had a chance to look at it cause I've been on a mac. But the problem I'm having is that background img set to a div and to repeat vertically, but it isn't. :( It repeats for the stuff in the side bar, but not for the stuff in main part and I don't know why. Here's the link to my website and here's the link to the style sheet.
hgmmy06
 
Posts: 34
Joined: Thu Mar 15, 2007 9:14 pm

Postby hgmmy06 on Fri Mar 23, 2007 7:15 pm

I suppose I should clarify which img and div. If you look at the page source it's the div with the id "page" and this is the img
Image
hgmmy06
 
Posts: 34
Joined: Thu Mar 15, 2007 9:14 pm

Postby ramnosity on Sat Mar 24, 2007 3:58 pm

You don't need div. Just under the body section in your CSS add what I did. It's the sixth line of code.
Code: Select all

body

{

background: #f0f0f0 url('images/lucas-background-img.jpg');
background-repeat: repeat;
text-align: center;

margin:0;

padding:0;

color:#000;

font:11px verdana, arial, helvetica, sans-serif;

}

That is what I do and it should work.
Tenbucktunes Music for ten bucks or less
Image
User avatar
ramnosity
100+ Club
 
Posts: 196
Joined: Sat Feb 10, 2007 6:18 am
Location: at my computer

Postby hgmmy06 on Sat Mar 24, 2007 7:50 pm

It's not the main background that's not working but the background img I've assigned to a div with the id "page". This is the css for it.

#page
{
width: 800px;
margin: 30px auto;
background: transparent url('images/lucas-postback-img.jpg') repeat-y scroll center top;
}


Oh yea, it seems to work fine in Internet Explorer but not in Firefox and Safari.
hgmmy06
 
Posts: 34
Joined: Thu Mar 15, 2007 9:14 pm

Postby ramnosity on Sat Mar 24, 2007 10:32 pm

The reason I think it isn't working is because you need to have "background-repeat" you can't just have "background"

So under that put

background-repeat: repeat y


and take off what you have after the URL link.
Tenbucktunes Music for ten bucks or less
Image
User avatar
ramnosity
100+ Club
 
Posts: 196
Joined: Sat Feb 10, 2007 6:18 am
Location: at my computer

Postby hgmmy06 on Sun Mar 25, 2007 3:01 am

I've just tried that and it doesn't seem to have worked. I assume you intended to have a dash between the repeat and the y right? I went ahead and tried it both ways just in case and it still didn't work. Anyother ideas? Thanks for your help it is much appriciated.
hgmmy06
 
Posts: 34
Joined: Thu Mar 15, 2007 9:14 pm

Postby ramnosity on Sun Mar 25, 2007 5:18 pm

Sorry I can't think of anything else that could work. I'll tell ya though if I find anything.
Tenbucktunes Music for ten bucks or less
Image
User avatar
ramnosity
100+ Club
 
Posts: 196
Joined: Sat Feb 10, 2007 6:18 am
Location: at my computer

Postby hgmmy06 on Sun Mar 25, 2007 9:15 pm

Ok thanks for your attempt to help me.
hgmmy06
 
Posts: 34
Joined: Thu Mar 15, 2007 9:14 pm

Postby hgmmy06 on Thu Mar 29, 2007 4:22 am

Are there any other ideas? My website is currently down but there some more info about the issue at http://www.htmlcodetutorial.com/help/ftopic8074-0-0-asc-.html. I appriciate your input if you have given any or will.
hgmmy06
 
Posts: 34
Joined: Thu Mar 15, 2007 9:14 pm

Postby hgmmy06 on Mon Apr 02, 2007 12:11 am

My website is back up and I'm still needing some help.
hgmmy06
 
Posts: 34
Joined: Thu Mar 15, 2007 9:14 pm


Who is online

Users browsing this forum: No registered users and 8 guests