View Full Version : Can I stop my BACKGROUND from MOVING???
ZWincik
Dec-09-2008, 04:52 AM
I am having a little trouble with my background image.
The position of my image is great on my homepage, but it changes slightly on some pages and more drastically on others. I have this code in my css:
body {
background-image: url(http://i46.photobucket.com/albums/f112/Clashcityrcker/Line-Dot2.jpg);
background-position: bottom left;
background-repeat: no-repeat;}
How can I get my background to stay in the same position on all pages?
Thanks for any help
www.zachwincik.smugmug.com
jfriend
Dec-09-2008, 07:42 AM
What look are you trying to accomplish? Can you describe what you are trying to get it to look like?
Your site looks drastically different in Firefox and in IE7 and it looks very different with just slightly different browser window widths. It isns't obvious to me what you are trying to get it to look like, particularly in the gallery views.
Also, please remove this HTML from your javascript as it is just causing an error on every page and doing nothing useful.
<a href="http://s46.photobucket.com/albums/f112/Clashcityrcker/?action=view¤t=Line-Dot2down.jpg" target="_blank"><img src="http://i46.photobucket.com/albums/f112/Clashcityrcker/Line-Dot2down.jpg" border="0" alt="Photobucket"></a>
If you want this HTML in your page, then you have to put it somewhere else.
ZWincik
Dec-10-2008, 06:47 PM
I was unaware that my site would look different in different browsers... how do I go about fixing that??
I'll try to describe the look I am going for. On my homepage, I have two lines running up the left side of the page. Each line has a 90 degree angle in it, making the lines bend to the right with circles on the end of each line. I would like the biggest circle to be lined up just to the left of the Z in Zach, but just below the nav bar. The lines running down the page should go all the way to the bottom.
I hope this description helps. The homepage looks good to me if I open it up in Firefox.
I would like to have this background positioned the same way on all of my pages. I realize that it is screwed up in the gallery pages and thats what I am having trouble figuring out.
jfriend
Dec-10-2008, 08:54 PM
I was unaware that my site would look different in different browsers... how do I go about fixing that??
I'll try to describe the look I am going for. On my homepage, I have two lines running up the left side of the page. Each line has a 90 degree angle in it, making the lines bend to the right with circles on the end of each line. I would like the biggest circle to be lined up just to the left of the Z in Zach, but just below the nav bar. The lines running down the page should go all the way to the bottom.
I hope this description helps. The homepage looks good to me if I open it up in Firefox.
I would like to have this background positioned the same way on all of my pages. I realize that it is screwed up in the gallery pages and thats what I am having trouble figuring out.
How do you want it to look in gallery pages? Right now, I don't see any way that this background image makes sense in the gallery pages. Because they go the full width of the screen, it just looks bad to my eyes to see it going under the thumbnails. Further, you have a problem even on the homepage or category pages when the viewer's window is narrower as it runs underneath your logo and navbar and/or the thumbs on those pages.
FYI, you can position it the same on every page, by just changing your CSS to be relative to the top of the page instead of the bottom of the page. Since your header is the same on every page, the background image will then be the same relative to every page.
body {
background-image: url(http://i46.photobucket.com/albums/f112/Clashcityrcker/Line-Dot2.jpg);
background-position: top left;
background-repeat: no-repeat;}
You may also want to make your banner image only as wide as the text you have in it so that it doesn't obscure the background when the window is narrowed.
The only way I know of to make it run longer down the page is to just make the background image longer.
If I were you, I'd turn this background image off when galleries are displaying.
FYI, your framed images don't work very well with square thumbnails because you see only two edges of the frame in the thumbnail. If you want to use the frame with square thumbs, you probably need to custom set the crop for all your thumbs to eliminate the frame from the thumbnails. Or, you can switch to rectangular thumbs which will then include the whole frame in the thumb image.
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.