CSS problem with one of my pictures

Nima · 07-08-2007, 01:18 AM

I appreciate any help:

I'm redesigning my website and am testing the codings in a /test/ directory...

Here is where the test design is at:

Code:

http://www.pokereagles.com/test/

Looking at the design in FF, you will see a picture in the bottom right. But I have a problem as the Footer area (the black area) is going over it. How do I make the picture to be on top.

Here is how I have coded the picture in the design:

Code:

body {
	margin:auto;
	padding:0;
	color:#000;
	background-color:#FFFFFF;
	font: 13px Verdana, Tahoma, Arial, sans-serif;
	height:100%;
	background:url(images/bottomright.gif) bottom right no-repeat;	
}

Also, in IE that picture has problems. You would have to look at it to understand what I'm talking about.

I appreciate any help...

Nima

Zack · 07-08-2007, 02:49 AM

Try this, IE sometimes screws you in these cases:

Code:

background-image: url(images/bottomright.gif);
background-repeat: no-repeat;
background-position: right bottom;

Hope that helps,
Zack

koitech · 07-10-2007, 05:43 AM

if that is not working for you. then set the property top like this.

body {
margin:auto;
padding:0;
color:#000;
background-color:#FFFFFF;
font: 13px Verdana, Tahoma, Arial, sans-serif;
height:100%;
background:url(images/bottomright.gif) bottom right no-repeat top;
}

trichnosis · 07-22-2007, 02:07 AM

i'm getting a similar peoblem and i did not find any problem yet

dessign · 07-30-2007, 01:38 PM

background-image: url(images/bottomright.gif);
background-repeat: no-repeat;
background-position: right bottom;

..should work.

07-08-2007, 01:18 AM	#1
Nima Junior Member Join Date: May 2007 Posts: 64	CSS problem with one of my pictures I appreciate any help: I'm redesigning my website and am testing the codings in a /test/ directory... Here is where the test design is at: Code: http://www.pokereagles.com/test/ Looking at the design in FF, you will see a picture in the bottom right. But I have a problem as the Footer area (the black area) is going over it. How do I make the picture to be on top. Here is how I have coded the picture in the design: Code: body { margin:auto; padding:0; color:#000; background-color:#FFFFFF; font: 13px Verdana, Tahoma, Arial, sans-serif; height:100%; background:url(images/bottomright.gif) bottom right no-repeat; } Also, in IE that picture has problems. You would have to look at it to understand what I'm talking about. I appreciate any help... Nima __________________ Nima \| Poker Forum \| Best of Internet Directory

07-08-2007, 02:49 AM	#2
Zack Junior Guru Join Date: Dec 2005 Location: North Carolina Posts: 759	Re: CSS problem with one of my pictures Try this, IE sometimes screws you in these cases: Code: background-image: url(images/bottomright.gif); background-repeat: no-repeat; background-position: right bottom; Hope that helps, Zack __________________ yaxal releases '07

07-10-2007, 05:43 AM	#3
koitech Smurf Join Date: Jun 2007 Posts: 28	Re: CSS problem with one of my pictures if that is not working for you. then set the property top like this. body { margin:auto; padding:0; color:#000; background-color:#FFFFFF; font: 13px Verdana, Tahoma, Arial, sans-serif; height:100%; background:url(images/bottomright.gif) bottom right no-repeat top; } __________________ MarbleHost.com - reliable web hosting service

07-22-2007, 02:07 AM	#4
trichnosis Senior Member Join Date: Jan 2007 Posts: 452	Re: CSS problem with one of my pictures i'm getting a similar peoblem and i did not find any problem yet __________________ Türkçe Bilgi \| Hobiler \| Satranç \| 2

07-30-2007, 01:38 PM	#5
dessign Member Join Date: Apr 2007 Posts: 173	Re: CSS problem with one of my pictures background-image: url(images/bottomright.gif); background-repeat: no-repeat; background-position: right bottom; ..should work. __________________ Link Exchange Directory - Join a growing link exchange network of professional websites! Link Exchange Forum - Resources and information regarding link exchange.

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

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Problem with godaddy. Post your problem here!!	charlesgan	Web Hosting	4	05-16-2007 08:40 PM
7000 Recipe database with pictures	edpudol	Content	0	03-06-2007 01:52 AM
Pictures or photos - What's the best?	hispalis	Search Engine Optimization (SEO)	12	12-19-2006 02:58 PM
Myspace funny pictures	UnKnown	Advertise your website	2	10-11-2006 06:37 PM
Talk CSS - Website Design (CSS Primarily) Community	compuXP	Advertise your website	2	06-16-2006 04:08 PM