Joyce Evans wrote:
I’m new to this group, and I’m not sure if it’s okay to post a
question, but here it is:
I’ve designed a website and am now creating the CSS for the home
page. This is the CSS for my main container div:
#container {
width: 760px;
background-color: #000000;
color: #333300;
margin: 0 auto;
padding: 0;
text-align: left;
background-image: url(images/bg_container.jpg);
background-repeat: repeat-y;
}
The problem is that the bg_container.jpg image does not appear in
Mozilla Firefox; however it appears in IE 7. bg_container.jpg is 760
px wide with the first pixel and the last pixel being black. All the
pixels in between are white, thus creating a thin black border on the
left and right hand sides of the 760 px container. In the latest
version of Firefox, I do not see these two black lines.
Hi, Joyce, and welcome.
Of course it's OK; that's what we're here for!
It's difficult to tell what the problem might be just from your post,
because you don't say whether your css is in the HTML file or a
separate css file - in any case, if you can, it's always a good idea to
post a link to a live page where we can see your code in action.
A couple of points, though:
First, your #container div has a black background, but you're filling
it with a white image file - so you'd need too be aware of any problems
this might create with legibility of the content that sits over the top
of that background;
Second, is there any reason why you're using a bg img instead of simply
using left anf right borders on the #container div?
Third, if you do need to use that image as the bg, consider a gif
instead of the jpeg. It will be a lot smaller in file size, and
sharper, too, if you knock out all the colours in it except black and
white...
HTH
Nick
___________________________
omnivision. websight.
http://www.omnivision.com.au/
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
