flexybash Posted December 6, 2010 Share Posted December 6, 2010 Hello Guys well i was making my website and i realise some backgrounds dont show up on firefox ill leave My HTML and CSS codes, dont worry i just started so it is not so large! HTML <head > <link rel="stylesheet" href="style.css" type="text/css"/> </head> <body> <div id="body_t"> <div id="navigator"></div><!--end navigator--> </div><!--end body_t--> <div id="body_b"> <div id="leftnav"> <div id="leftnav_t"></div> <div id="leftnav_l"></div> <div id="menuleft"> <ul> <li id="inicio"></li> <li id="registrarse"></li> <li id="como_c"></li> <li id="arma_p"></li> <li id="reglas"></li> <li id="foro"></li> <li id="reportar_b"></li> </ul> </div><!--end menuleft--> <div id="leftnav_r"></div> <div id="leftnav_b"></div> </div> <div id="container"></div> </div><!--end body_b--> </body> CSS body{margin: 0;overflow-x: hidden;overflow-y: scroll} #body_t{ width: 1816px ; height: 354px; background: url(images/skycastle_bg_t.jpg) no-repeat;margin: 0;padding: 0} #body_b{width: 1815px ; height: 776px; background: url(images/skycastle_bg_b.jpg) no-repeat;margin: 0;padding: 0} #navigator{width: 1115px ;height: 162;background: url(images/navigation_bg_service.png) no-repeat;margin: 0;padding: 0} #leftnav{float: left; width: 266px;height: 776px;margin: 0px 150px 0px 120px;background: url('images/content_bg.jpg') center top} #leftnav_t{height: 17px; width:266px;float: left;background: url(images/menu_tapa.png) no-repeat} #leftnav_l{height: 736px; width:17px;float: left;background: url(images/menu_sides.png) repeat-y center} #leftnav_r{height: 736px; width:20px;float: right;background: url(images/menu_sides.png) repeat-y center} #leftnav_b{height: 17px; width:266px;clear: left;background: url(images/menu_tapa.png) repeat-y center} #menuleft{height: 736px;width: 229px;margin: 0;padding: 0;float: left} #menuleft ul{margin: 0;padding: 0;list-style-type: none} #menuleft li{height: 40px;width: 170px;margin: 10px 0px 0px 25px;padding: 0} #menuleft a{margin:0;padding:10px 10px 10px 10px} #inicio{background: url(images/menuleft_inicio.png) no-repeat} #inicio:hover{background: url(images/menuleft_inicio_h.png) no-repeat} #registrarse{background: url(images/menuleft_registrarse.png) no-repeat} #registrarse:hover{background: url(images/menuleft_registrarse_h.png) no-repeat} #como_c{background: url(images/menuleft_c.png) no-repeat} #como_c:hover{background: url(images/menuleft_c_h.png) no-repeat} #container{ float: left; width: 600px;height: 776px} [attachment deleted by admin] Quote Link to comment https://forums.phpfreaks.com/topic/220858-images-not-showing-on-firefoxbut-they-do-on-safari-s/ Share on other sites More sharing options...
flexybash Posted December 6, 2010 Author Share Posted December 6, 2010 Pleease help :S Quote Link to comment https://forums.phpfreaks.com/topic/220858-images-not-showing-on-firefoxbut-they-do-on-safari-s/#findComment-1143697 Share on other sites More sharing options...
Pikachu2000 Posted December 6, 2010 Share Posted December 6, 2010 Don't bump threads unless you have new information to add. Quote Link to comment https://forums.phpfreaks.com/topic/220858-images-not-showing-on-firefoxbut-they-do-on-safari-s/#findComment-1143699 Share on other sites More sharing options...
kenrbnsn Posted December 6, 2010 Share Posted December 6, 2010 This doesn't seem to be a PHP question, but a CSS question. I'm moving it from the PHP area to the CSS area. Quote Link to comment https://forums.phpfreaks.com/topic/220858-images-not-showing-on-firefoxbut-they-do-on-safari-s/#findComment-1143701 Share on other sites More sharing options...
flexybash Posted December 6, 2010 Author Share Posted December 6, 2010 My bad i never knew there was a css section,feel free to move ,sorry Quote Link to comment https://forums.phpfreaks.com/topic/220858-images-not-showing-on-firefoxbut-they-do-on-safari-s/#findComment-1143703 Share on other sites More sharing options...
fortnox007 Posted December 7, 2010 Share Posted December 7, 2010 I am not sure if this is the case, but by looking at a few lines of your CSS it seems you are consequently mitting the semicolon. ( ; ) for instance: #leftnav_b{height: 17px; width:266px;clear: left;background: url(images/menu_tapa.png) repeat-y center} should be #leftnav_b{height: 17px; width:266px;clear: left;background: url(images/menu_tapa.png) repeat-y center;} Hope that helps, haven't tested your code, but i am pretty sure it's invalid. (what really makes this convincing is that your ommiting it behind the background property ) I use Netbeans as editor, if i ommit something like that the program will ring the alarmbells and threaten to hurt me. Quote Link to comment https://forums.phpfreaks.com/topic/220858-images-not-showing-on-firefoxbut-they-do-on-safari-s/#findComment-1143969 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.