background ok IE - unvisible for firefox opera

Need technical advice on coding your web pages? Covers HTML, JavaScript, CSS, and some server side technologies. Also the issue of some webpages not displayed well.

Moderator: Don_HH2K

background ok IE - unvisible for firefox opera

Postby marco_c » Mon 14 Jun, 2010 7:52 pm

Hello everybody!
i tried to create a web site with html

http://web.tiscali.it/world_translations/index.htm
the background colors (orange and white) on the page have been split only with internet explorer

i can display the background colors only with internet explorer but using firefox or opera i see only one color

anybody knows how to fix it?


<body style='background-color: white; margin: 0px; height: 50;'>
<div style='position: fixed; top: 0; left: 0; width: 100%; height: 300; background-color: "#ff8c00"; z-index: 1;'></div>
<div style='position: absolute; top: 0; left: 0; z-index: 2; width: 100%;'>



thanks a lot
marco
UserAgent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; .NET CLR 3.0.30618)
marco_c
new member
new member
 
Posts: 2
Joined: Mon 14 Jun, 2010 7:40 pm

Re: background ok IE - unvisible for firefox opera

Postby Antony » Mon 14 Jun, 2010 9:14 pm

marco_c wrote:<body style='background-color: white; margin: 0px; height: 50;'>
<div style='position: fixed; top: 0; left: 0; width: 100%; height: 300; background-color: "#ff8c00"; z-index: 1;'></div>
<div style='position: absolute; top: 0; left: 0; z-index: 2; width: 100%;'>

Drop the quotes (") for the value of background-color, (i.e. #ff8c00 instead of "#ff8c00". You should have something like
Code: Select all
<body style='background-color: white; margin: 0px; height: 50;'>
<div style='position: fixed; top: 0; left: 0; width: 100%; height: 300; background-color: #ff8c00; z-index: 1;'></div>
<div style='position: absolute; top: 0; left: 0; z-index: 2; width: 100%;'>


I also have a quick look at your code, you are using a number of internet explorer only HTML codes. E.g. bordercolor attribute in <TD> is not supported by any other browsers.
UserAgent: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; en-US; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3
User avatar
Antony
diamond member
diamond member
 
Posts: 14930
Joined: Tue 18 Jun, 2002 11:36 pm
Location: Sydney, Australia

Re: background ok IE - unvisible for firefox opera

Postby marco_c » Tue 15 Jun, 2010 1:08 pm

hello Antony!
thanks for your reply and the code
thanks a lot :)
marco
UserAgent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; .NET CLR 3.0.30618)
marco_c
new member
new member
 
Posts: 2
Joined: Mon 14 Jun, 2010 7:40 pm

Re: background ok IE - unvisible for firefox opera

Postby Antony » Tue 15 Jun, 2010 6:00 pm

Glad to help, and welcome to SillyDog701 Message Centre, hope you enjoy your stay here.
UserAgent: Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B367 Safari/531.21.10
User avatar
Antony
diamond member
diamond member
 
Posts: 14930
Joined: Tue 18 Jun, 2002 11:36 pm
Location: Sydney, Australia


Return to Web Design and Page Coding

Who is online

Registered users: Bing [Bot], Google [Bot], MSN [Bot]