Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
DIV Background image in FF vs IE
Old 06-11-2009, 08:41 AM DIV Background image in FF vs IE
Ultra Talker

Posts: 316
Trades: 0
Hello,

I have two divs, each with their own background image:
http://j-dog.co.uk/help/background/index.html

In IE 6 all is well but in FF 3 the header background image is slightly out of line. Can you see where it is not flush with the other background image?

This image highlights the problem in FF:
http://j-dog.co.uk/help/background/help.PNG

Here is the CSS:
Code:
@charset "utf-8";
body {
background: url('bg_all.gif');
background-repeat: repeat-y;
background-position: center;
margin:0px;
min-width: 100%;
}
#wrapper {
margin:0 auto;
width:960px;
text-align: left;
}
#header {
background: url('bg_header.gif');
background-repeat: repeat-x;
background-position: center;
width: 100%;
height: 78px;
margin: 0px;
}
And here is the HTML:
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>blank</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrapper">
<div id="header">header</div>
<br />
<!-- end of wrapper --></div>
</body>
</html>
Thanks.
Joe3000 is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 06-11-2009, 10:47 AM Re: DIV Background image in FF vs IE
Super Talker

Posts: 127
Name: Darren Fox
Location: Illinois
Trades: 0
Remove the background-postion: center; from the header since it is already repeating x. I tried it here and it worked.
__________________
Darren Fox
Idea Web Design + Internet Marketing

Please login or register to view this content. Registration is FREE
darrenfox is offline
Reply With Quote
View Public Profile Visit darrenfox's homepage!
 
Old 06-11-2009, 12:16 PM Re: DIV Background image in FF vs IE
Ultra Talker

Posts: 316
Trades: 0
Thanks but it has not worked for me in Firefox 3

Which browser are you using?

I've made the changes and re-uploaded it.
Joe3000 is offline
Reply With Quote
View Public Profile
 
Old 06-16-2009, 05:03 PM Re: DIV Background image in FF vs IE
Novice Talker

Posts: 5
Name: Alejandro
Location: Finland
Trades: 0
Will this fix it?

Code:
div#wrapper {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    margin: 0 auto;
    text-align: left;
    width: 958px;
}
Or tell samsung.com to fix it ?
legenda is offline
Reply With Quote
View Public Profile
 
Old 06-16-2009, 10:43 PM Re: DIV Background image in FF vs IE
Super Talker

Posts: 134
Name: Larry
Trades: 0
Have you fixed it? I don't see the problem in FF 3.
__________________

Please login or register to view this content. Registration is FREE
| Play
Please login or register to view this content. Registration is FREE
to kill time
larryatwt is offline
Reply With Quote
View Public Profile Visit larryatwt's homepage!
 
Reply     « Reply to DIV Background image in FF vs IE
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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 Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.33581 seconds with 12 queries