Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.


Welcome to AstaHost - Dear Guest , Please Register here to get Your own website. - Ask a Question / Express Opinion / Reply w/o Sign-Up!

Css Background Not Showing Upin Ie

Started by Gekko, Sep 01 2008 04:17 PM

Reply to this topic

19 replies to this topic

#1 Gekko

Newbie [ Level 1 ]

Members
1 posts

Posted 01 September 2008 - 04:17 PM

I couldn't find a sub-forum for CSS, so i thought i would post it here.

I'm using CSS to display backgrounds, and for font types and such. So i want to add a background, called "background.jpg"
this is the CSS code:

[codebox]body {
background-image: url(background.jpg);
background-repeat: repeat;
}[/codebox]

but for some reason, the background only shows up in Firefox, and not in IE

is this an error in my code?

thanks in advance :mellow:

#2 Quatrux

the Q

[HOSTED]
1,669 posts

Gender:Male
Location:Lithuania, Vilnius
Interests:PHP, MySQL, Oracle, PL/SQL, HTML, CSS, Javascript, jQuery, C# Computers, Alternative OS, Amiga, MorphOS, Beer, Friends, Linux, KDE..
myCENTs:30.76

Posted 02 September 2008 - 07:38 AM

Really? maybe it doesn't find the path or something?

try using:

<style type="text/css">
body
{ 
background: #ffffff url('background.jpg') repeat; 
}
</style>

It should work on IE, unless there is another problem, try browsing and learning a little bit from the simple tutorial site:
w3schools

Edited by Quatrux, 02 September 2008 - 07:38 AM.

#3 FirefoxRocks

Super Member

[HOSTED]
988 posts

Gender:Male
Location:Ontario, Canada
myCENTs:92.36

Posted 20 October 2008 - 09:37 PM

Is the background.jpg file in the same directory as the HTML file? Does the background.jpg file even exist?
Try putting quotation marks around "background.jpg" (like that).

#4 Guest_iGuest-monka_*

Guests

Posted 05 November 2008 - 02:11 PM

did you solve it already?
Css Background Not Showing Upin Ie

Replying to Gekko

Hello Gekko, I exactly know what is your problem cause my problem is the same. I wanted to ask if you solved this problem. Please share the solution with me, cause I can't find anywhere.

Anyway
Qutation marks doesn't work...
The file exist cause firefox can find it (just IE not)

Thanks
Monka

-reply by monka

#5 yordan

Way Out Of Control - You need a life :)

[MODERATOR]
4,677 posts

myCENTs:53.92

Posted 05 November 2008 - 09:00 PM

Last time I had a look, in an html file, the background file was written with double quotes :
<body background="http://files.photoje.../something.JPG" /body>
Did you try with double quotes ?
Yordan

#6 Guest_shoe1189_*

Guests

Posted 18 November 2008 - 10:15 PM

Use a .gif instead of a .jpg

#7 Guest_shoe1189_*

Guests

Posted 18 November 2008 - 10:17 PM

This might work:

<style type="text/css">
body
{ 
background: #ffffff url(background.gif) repeat; 
}
</style>

I ran into the same problem but as soon as I saved it in the new format it worked.

#8 Guest_(G)Shovan_*

Guests

Posted 02 November 2009 - 06:04 PM

Chrome Background ColourCss Background Not Showing Upin Ie

You have designed amazing Website site and tested it in all browser. But when itComes to Google Chrome the background image or background colour doesn’t showUp? Here is a simple solution

When you create CSS style using Dreamweaver for web designing, DreamweaverAdds a default code such as

@charset “utf-8″;

Try removing this from your stylesheet, the background image or colour shouldDisplay properly

-reply by Shovan

#9 Guest_(G)cees_*

Guests

Posted 25 November 2009 - 10:40 PM

I had the same problem, fixed it.

My problem was that the jpg had CMYK colors.

Chrome and firefox ge CMYK colors just fine... IE didn't

Saved the image as RGB everything is fine now.

Hope it helps you

-reply by cees

#10 Guest_(G)Adam_*

Guests

Posted 06 December 2009 - 05:15 AM

More about @charset...Css Background Not Showing Upin Ie

I just noticed this problem too and took a look at my CSS stylesheet.

Wherever " @charset "utf-8"; "is, make SURE it is on line 1 of your CSS document.

I had a comment on line 1 and @charset "utf-8"; on line 2, which caused the background to not show up in Google Chrome. Now that they have swapped, the problem has been fixed.

Cheers,

-Adam

-reply by Adam

#11 Guest_(G)Sugumar_*

Guests

Posted 02 August 2010 - 08:57 AM

Background images not showing in google chromeCss Background Not Showing Upin Ie

Hi,

Background images and the images are not appearing, While the background image doesn't appear in the Chrome, all the images are not appearing the Firefox, but everything works under IE.

I had removed the utf-8 code, now the IE doesn't support.

Kindly help me in this regard.

Sugumar

#12 Guest_(G)kehmical_*

Guests

Posted 25 June 2010 - 06:53 PM

spacing makes a differenceCss Background Not Showing Upin Ie

Hello,

Some good troubleshooting going on in here.

Here is my solution:

background: url(images/optinBg.Jpg) left top no-repeat;

the 'left top' part needed a space before it or the background did not show.

IE8

#13 Guest_(G)susan_*

Guests

Posted 22 October 2010 - 03:24 AM

why my css code for side bar not in Firefix and IE,but in crome is just nice!Css Background Not Showing Upin Ie

This is my code.Hgope some 1 can help me out!.Left_bar-s{float:left;width:180px;height:auto; background-image:url(/images_mht/orange_02.Gif);background-repeat: repeat-y; padding:1px;}.Header1-s{width:20px; height:30px;float:left; background-image:url(/images_mht/orange_01_01.Gif);}.Header2-s{width:140px; height:30px;float:left; background-image:url(/images_mht/orange_01_02.Gif);}.Header3-s{width:20px; height:30px;float:left; background-image:url(/images_mht/orange_01_03.Gif);}.Header-s{float:left; width:180px; height:auto}.Header2-content-s{float:left;width:149px;height:29px;text-align:center; padding-top:10px; font-size:9px; color:#FF6600;}.Bottom-s{float:left; width:180px; background-image:url(/images_mht/orange_04.Gif);height:15px;}.City-s ul {list-style-image: url(/images/bullet-arrow.Gif);margin-top: 3px; margin-bottom: 3px;}.City-s a {color:#FFFFFF/*#0066CC*/;font-size:11px;font-weight: bold;text-decoration:none;}.City-s a:hover {color:#006666;text-decoration:none;}

-question by susan

#14 Guest_(G)Lukas_*

Guests

Posted 19 October 2010 - 08:26 PM

CSS background not working in IECss Background Not Showing Upin Ie

Not sure if someone had the same problem, but this was also my issue. I found out what the problem was in my case. Since my JPEG background was working fine in FF and Chrome, and not IE, I opened up again the image in Photoshop and found out that it was in CMYK mode. IE does not read CMYK so make sure your JPEG is in RGB mode.

Again, this was the problem in my case and now works fine in all browsers.

Cheers

-reply by Lukas

#15 Guest_(G)_*

Guests

Posted 04 October 2010 - 06:13 PM

background-image in IE 8Css Background Not Showing Upin Ie

I also saved my JPG as a GIF, and it worked in IE 8, regardless of compatibility mode (or or off).

#16 Guest_(G)vasu_*

Guests

Posted 21 March 2011 - 07:25 AM

Two backgrounds in one td class not supported in ie browsersCss Background Not Showing Upin Ie

td.Asb1_off{background:transparent url(../images/buttons/wl/big/WL01DB_Off.Jpg) no-repeat;}Td.Asb1_over{background-image:url(../images/buttons/wl/big/hover.Jpg),url(../images/buttons/wl/big/WL01DB_Off.Jpg);background-position:0px 148px, 0px 0px;background-repeat:no-repeat, no-repeat;width:149px;height:auto;cursor:pointer;}

-question by vasu

#17 Guest_(G)htmlsucks_*

Guests

Posted 14 July 2011 - 08:49 AM

it so simplyCss Background Not Showing Upin Ie

Problem is when using background like background-color: rgb(65, 104, 104);Background: url("../images/bg.Jpg") 50% 0px repeat;Just use background-color: rgb(65, 104, 104);Background-image: url("../images/bg.Jpg");Background-position: 50% 0px;Background-repeat: repeat;

-reply by htmlsucks

#18 Guest_(G)BumbleB2na_*

Guests

Posted 20 September 2011 - 10:08 PM

Replying to GekkoI could not find a fix that worked so I just use jQuery to re-apply the background-image style on the body element. This fixed it for me:$(document).Ready(function() { // IE-7&8 fix: body background-image was not rendering, so set it again. $('body').Css('background-image', 'url(images/bg-image.Gif)');});

-reply by BumbleB2na

#19 Guest_Viktoria_*

Guests

Posted 31 March 2012 - 01:57 PM

spacing makes a differenceCss Background Not Showing Upin Ie
Hello,
Some good troubleshooting going on in here.
Here is my solution:
background: url(images/optinBg.Jpg) left top no-repeat;
the 'left top' part needed a space before it or the background did not show.
IE8

thank you so much! obviously, this was the problem with my code too

#20 Guest_Pman4romtheBURG_*

Guests

Posted 16 February 2013 - 08:26 PM

CSS background not working in IECss Background Not Showing Upin Ie
Not sure if someone had the same problem, but this was also my issue. I found out what the problem was in my case. Since my JPEG background was working fine in FF and Chrome, and not IE, I opened up again the image in Photoshop and found out that it was in CMYK mode. IE does not read CMYK so make sure your JPEG is in RGB mode.
Again, this was the problem in my case and now works fine in all browsers.
Cheers
-reply by Lukas

I have had this problem...and I was working on it for days....trying every combination that I could think of or find. What I never did was check the format of which I was saving my files in Illustrator (CYMK)! Thank you so figgin much! This was the answer i needed.....no i have to grow back all of the hair i pulled out trying to solve this problem.

Back to How to's and Tutorial Request Section (No Credits/Posting Points)

Reply to this topic

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users