Jump to content

Images Not Showing on Firefox,But they do on Safari :S


flexybash

Recommended Posts

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! :D

 

 

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]

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.