zed420 Posted September 6, 2009 Share Posted September 6, 2009 Hi All Can anyone please tell me where am I going wrong in code below it fairly straight forward, Style switcher works fine. The problem is When I'm using Firefox background image doesn't show but there no problem in IE. why???? <!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>Untitled Document</title> <script type="text/javascript" src="styleSheetSwitcher.js"></script> </head> <body><center> <div id="main">Hello <div id="centerbox">world</div> </div></center></body> </html> CSS code #main { position: relative; background-image:url(images/Driving_bkg3.gif); background-repeat: no-repeat; height: 100%; left: 5%; } #centerbox { margin: -20% 3% 0 40%; padding: 0%; width: 41%; height: auto; background-color:#C9F; } Link to comment https://forums.phpfreaks.com/topic/173307-cross-browser-issus/ Share on other sites More sharing options...
saltedm8 Posted September 6, 2009 Share Posted September 6, 2009 a little short on info.. could you upload it and post the link so we can see it in action ( also add a little fake text to that div so we can see the image ) ?.. thanks Link to comment https://forums.phpfreaks.com/topic/173307-cross-browser-issus/#findComment-913548 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.