Fix body language
html help! Please!?
I'm trying to implement a piece of html code to something very specific: I want to display a stationary image behind my text so that my text will be moving over my image (I hope that's not too confusing) Here's my code <head> <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <STYLE TYPE="text/css"> BODY { background-image: url(Windows Background 2 (A).jpg) } BODY { background-repeat: repeat } BODY { background-position: center } </STYLE> </head> <body background="Windows XP.jpg"> <body background="Windows XP.jpg" bgproperties="fixed"> The thing is, is this... The code works great for IE. But in FireFox and other browsers, it doesn't. What's wrong with my code? Can anybody help me get this to work with other browsers (I'll settle for firefox at this point) in addition to IE? PLEASE! Thanks...
Public Comments
- fix ur image link. perhaps upload it to a website first, such as imageshack.us
- There may not be anything wrong with your code. Sometimes, browsers interpret code slightly differently, giving different results. One way around this is to create a style sheet for IE, another that looks good in Firefox, etc. Then use a script to detect the user's browser, and implement the correct style sheet.
- BODY { background-image: url(Windows Background 2 (A).jpg) } modify the image name, no bracket is allowed. the best one may be: windows_background_2_a.jpg
- if you specify a BODY in the style tag, all you need for the html is <body>, you have 2 different backgrounds called (one in BODY, another in <body>) 'background-repeat: repeat' is the default, you don't need to call this... if you don't specify a background-repeat, it will repeat vertically and horizontally... and if repeat is what you want, don't call background-position; it will tile, so position is not needed... and like 'Isaac Ho' said, re-name the background image so it does not have any brackets or spaces... IE and Forefow handle CSS very differently, it can be a huge pain... if you want it to look good in Firefox, use it to check your work as you write the html, then tweak it to work in IE... you might look here, good info and tutorials: http://www.w3schools.com/css/
- This functionality is not supported by firefox so it is not cuming nothing worng with the code
