There's no such thing as a stupid question, but they're the easiest to answer.
JoinTour
Login
 
Tag Cloud
access audio avg avg 8 bios blue screen boot bsod computer connection cpu crash css dell desktop dma driver drivers dvd email error excel explorer firefox firefox 3 freeze gimp graphics hard drive hardware hijackthis hjt install internet internet explorer itunes keyboard laptop macro malware monitor motherboard network networking outlook outlook 2003 outlook 2007 outlook express pio problem problems router seo server slow sound sp3 spyware trojan usb video virtumonde virus vista vundo windows windows vista windows xp winxp wireless
Web Design & Development
Search
Search in:
 
Advanced Search
Tech Support Guy Forums > Internet & Networking > Web Design & Development >
Background


HELLO AND WELCOME! Before you can post your question, you'll have to register -- it's completely free! Click here to join today! We highly recommend that you print a copy of our Guide for New Members. Enjoy!

 
Thread Tools
Graeme1's Avatar
Junior Member with 20 posts.
 
Join Date: Jul 2006
Experience: Intermediate
27-Sep-2007, 12:43 PM #1
Background
Hello All,

I have a web page with a background image but it only displays properly in IE. All other browser show it too far to the right. The web site is at:-
www.msmdurham.co.uk

Thanks friends,

Best wishes
Graeme
tomdkat's Avatar
Computer Specs
Distinguished Member with 3,487 posts.
 
Join Date: May 2006
Location: S.F. Bay Area, CA
Experience: Intermediate
27-Sep-2007, 03:07 PM #2
Quote:
Originally Posted by Graeme1
Hello All,

I have a web page with a background image but it only displays properly in IE. All other browser show it too far to the right.
In IE, your background scolls with the page, which means the "fixed" placement of it isn't working. In Firefox and Opera, the background image remains "fixed" (doesn't scroll with the page) but the image is chopped.

If you remove the "fixed" attribute from the container element's CSS styling, the background will appear and scroll with the page in all browsers.
Code:
#container { 
	width: 730px; 
	padding: 25px; 
	margin: 0 auto;
	background: #fff url("../images/back.jpg") bottom right no-repeat; /*Removing the "fixed" solves the image chopping problem in Firefox/Opera.*/
}
As for why making the background image fixed causes it to get chopped off, I have no idea. Hopefully, someone will explain it to us.

Peace...
Graeme1's Avatar
Junior Member with 20 posts.
 
Join Date: Jul 2006
Experience: Intermediate
27-Sep-2007, 03:28 PM #3
Thanks Friend
Tanh you for your help, it looks great.

Best wishes,
Graeme
ivenms's Avatar
Computer Specs
Member with 36 posts.
 
Join Date: Sep 2007
Experience: WebMaster
27-Sep-2007, 03:45 PM #4
Good Job..

Nice design. I can't see any back images on your page. But the template you using is simple and attractive.
tomdkat's Avatar
Computer Specs
Distinguished Member with 3,487 posts.
 
Join Date: May 2006
Location: S.F. Bay Area, CA
Experience: Intermediate
27-Sep-2007, 03:52 PM #5
Quote:
Originally Posted by ivenms
Nice design. I can't see any back images on your page. But the template you using is simple and attractive.
If you can see the car near the top of the page and the "L" in the lower right hand corner (even if it is chopped off), those are two background images.


Peace...
ivenms's Avatar
Computer Specs
Member with 36 posts.
 
Join Date: Sep 2007
Experience: WebMaster
27-Sep-2007, 04:09 PM #6
Oh..

am looking for the body background.
Graeme1's Avatar
Junior Member with 20 posts.
 
Join Date: Jul 2006
Experience: Intermediate
28-Sep-2007, 07:12 AM #7
Background
Hello All,

Yeah, the image at the top is a background and also there is one of a 'Learner Plate' (English!).

It seems fine now thanks to you all.

Best wishes
Graeme
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are Off
Refbacks are Off

You Are Using:
Server ID
Advertisements do not imply our endorsement of that product or service.
All times are GMT -4. The time now is 12:22 AM.
Copyright © 1996 - 2008 TechGuy, Inc. All rights reserved.
Powered by vBulletin, Copyright © 2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0
Powered by Cermak Technologies, Inc.