a div in a site am developing is not showing in firefox but shows on all the other browsers (chrome, safari, opera and explorer), can anyone help?
i am developing a site and i used divs in making the arrangements. all other divs on the page shows but on particular one does not show. i gave all the divs a border with a red color, all the other browsers(explorer, opera, chrome and safari ) shows the divs with the colors but firefox does not even show the red color
Chosen solution
can you please explain how that adblock works, i.e. technically
I'm not really sure, but having read Firefox support and development boards for many years, I've seen this come up from time to time: the letter string "ad" in an id or class name or src URL can be correctly or incorrectly presumed by add-ons to be advertising.
I'm not a developer, but I can recommend joining the mozillaZine Web Development board as a good resource.
Read this answer in context 👍 0All Replies (10)
Can you post a link to the site?
it is now in development, that is, it is still in localhost but i can upload the code for you to help me sort it out. waiting on you. thanx
Can you post a test case demonstrating the problem? It doesn't need to contain confidential content or active links. (This forum doesn't handle raw HTML very well, so I don't recommend pasting code here unless you convert your angle brackets to HTML entities.)
this is the main page's html. the css is below
<html>
<title>One Cedi - Home</title>
<link rel="stylesheet" href="css/layering.css" type="text/css" />
</head>
<body>
<div id="veryTopDiv">
<div id="logoDiv" style="min-height:80px; margin-top:10px; margin-left:20px;">
<a href="index.php"><img src="images/cedi_logo8.png" alt="logo" width="150px" /></a>
</div>
<div id="menuDiv">
<a href="#">
<ul>
<li>Gardening</li>
</ul>
</a>
<a href="#">
<ul>
<li>Men</li>
</ul>
</a>
<a href="#">
<ul>
<li>Women</li>
</ul>
</a>
<a href="#">
<ul>
<li>Shoes</li>
</ul>
</a>
<a href="#">
<ul>
<li>Homeware</li>
</ul>
</a>
<a href="#">
<ul>
<li>Electronics</li>
</ul>
</a>
<a href="#">
<ul>
<li>Flowers</li>
</ul>
</a>
<a href="#">
<ul>
<li>Sports</li>
</ul>
</a>
</div>
<div id="searchDiv">
<form name="search" action="#" method="post">
<input type="text" name="searchTxt" id="searchTxt" /><input type="submit" name="search" value="Go" id="searchBtn" />
</form>
</div>
</div>
<div id="holdMidTogether" style="min-height:300px; max-height:300px; width:1200px;">
<div id="catchingItemDiv">
<img src="images/HP.jpg" height="300px" width="700px"/>
</div>
<div id="dealOfDaySpecialOffer">
<div id="dealOfDay">
</div>
<div id="specialOffer">
</div>
</div>
</div>
<style type="text/css">
</style>
<div id="bodyDiv">
<div id="itemStock">
<div class="heading" id="categoryHead">
Categories
</div>the ul and li tags goes here</div>
<div id="onShowItems">
<div id="mainProductFeatured">
</div>
<div id="otherProducts">
</div>
</div>
</div>
<div id="dragDropToShopDiv">
<div id="basketHead" class="heading">Basket</div>
<a href="cart.php">
<div id="basket">
<img src="images/basket.png" height="40px" width="70px;"/>
</div>
<div id="basketContent">
Qty:2<br />
Price($):3 </div>
<div id="basketAware">
Drag Item Here To Shop!!!
</div>
</a>
</div>
<div id="advert" style=" ">
Advertslksdf asdlkfas dfkajdsf asdkfjld fksdfjlasksdfjas kdfjaslfkasjsflkasjldfk
</div>
<div id="footer">
</div>
</body>
</html>
the css that is being used is as follows
body{
margin:0px;
padding:0px;
min-height:100%;
min-width:100%;
}
#veryTopDiv{
min-height:90px;
margin-bottom:10px;
background:-moz-linear-gradient(to bottom, #3CF, #fff);
background:-gecko-linear-gradient( #3CF, #fff);
background:-webkit-linear-gradient( #3CF, #fff);
background:linear-gradient( #3CF, #fff);
background-repeat:no-repeat;
min-width:1200px;
clear:both;
}
div{
/*border:1px solid #F30 !important; checking the arrangement of the divs */
}
#holdMidTogether{
min-height:300px;
max-height:300px;
width:1200px;
}
#catchingItemDiv{
min-height:200px;
min-width:700px;
clear:left;
float:left;
padding-left:20px;
padding-right:20px;
}
#dealOfDaySpecialOffer{
float:left;
border:1px solid #669;
min-width:350px;
max-width:350px;
min-height:300px;
}
#dragDropToShopDiv{
margin-top:0px;
position:fixed;
top:150px;
height:200px;
max-width:150px;
min-width:150px;
/*background:-moz-radial-gradient( #3CF, #fff);*/
border:1px solid #3cf;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
font-size:9px;
font-weight:700;
right:0px;
text-align:center;
font-family:Candara;
}
#dragDropToShopDiv a{
text-decoration:none;
color:#888;
}
#basketHead{
}
#basketContent{
font-size:20px;
min-height:60px;
}
#basket{
padding-top:10px;
padding-left:10px;
}
#basketAware{
font-size:12px;
}
#logoDiv{
clear:left;
float:left;
width:180px;
margin-right:5px;
}
#bodyDiv{
min-height:600px;
width:1095px;
margin-top:20px;
float:left;
}
#menuDiv{
float:left;
}
#menuDiv a{
color:#fff;
}
#cartTable{
float:left;
width:100px;
height:40px;
clear:right;
padding:0;
margin-right:10px;
}
#cartTable tr, td{
padding:0;
margin:0;
font-weight:bold;
}
#cartLabel{
text-align:right;
}
#cartPrice{
text-align:left;
}
#searchDiv{
position:relative;
top:55px;
float:right;
margin-top:0px;
margin-right:10px;
}
#searchTxt{
border-top-left-radius:5px;
border-bottom-left-radius:5px;
margin-right:0;
width:200px;
border-right:0;
}
#searchBtn{
border-top-right-radius:5px;
border-bottom-right-radius:5px;
background-color:#333;
color:#fff;
width:30px;
border:0;
height:22px;
font-weight:bold;
}
#menuDiv ul{
width:90px;
height:30px;
list-style:none;
border:1px dashed #000;
float:left;
}
#menuDiv ul{
padding:0;
margin:0;
margin-top:20px;
}
#menuDiv ul li{//get the listing in place well eh!!!
font-weight:bold;
font-family:Candara;
margin:0;
padding:0;
text-align:center;
}
#menuDiv{
font-family:Candara;
font-weight:bold;
}
#itemStock
{
clear:left;
float:left;
}
/*making the flyout menu*/
#itemStock{
font-family:Candara;
font-weight:bold;
font-size:14px;
color:#3CF;
}
#itemStock ul{
list-style:none;
position:relative;
margin-top:0px;
margin-bottom:0px;
line-height:28px;
}
#itemStock ul ul{
visibility:hidden;
position:absolute;
width:200px;
margin-top:0px;
margin-bottom:0px;
}
#itemStock ul:hover ul{
visibility:visible;
display:inline-block;
list-style-position:outside;
left:250px;
border-bottom:1px solid #3CF;
border-right:1px solid #3CF;
border-top:1px solid #3CF;
border-top-right-radius:10px;
border-bottom-right-radius:5px;
background:#fff;
padding-bottom:0px;
padding-top:0px;
margin-left:0px;
padding-left:5px;
top:0px;
}
#itemStock ul:hover ul li:hover{
color:#3cf;
font-family:Candara;
font-weight:bold;
/*background:-moz-linear-gradient(90deg, #3cf, #fff);*/
border-bottom:2px solid #3cf;
}
#itemStock ul:hover ul li{
top:0px;
}
#itemStock ul ul a{
text-decoration:none;
font-family:Candara;
font-weight:bold;
font-size:14px;
color:#3CF;
}
#itemStock ul ul li{
margin-top:5px;
margin-bottom:5x;
}
#itemStock ul:hover{
/*color:#fff;
background:-moz-linear-gradient(to right, #3cf, #fff);*/
border-top:2px solid #3cf;
}
#itemStock ul li{
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
margin-top:0px;
}
/*end of making the flyout menu*/
.heading{
background:-moz-radial-gradient( #3CF, #fff);
background:-gecko-radial-gradient( #3CF, #fff);
background:-webkit-radial-gradient( #3CF, #fff);
background:radial-gradient( #3CF, #fff);
line-height:30px;
font-family:Candara;
font-size:18px;
font-weight:bold;
color:#fff;
text-align:center;
}
#categoryHead{
border-top-right-radius:20px;
}
#onShowItems{
float:left;
min-width:800px;
border:1px solid;
margin-left:20px;
min-height:600px;
}
#advert{
width:280px;
border:1px solid #3cf;
right:0px;
margin-top:22px;
min-height:200px;
clear:right;
float:right;
}
#categories a{
text-decoration:none;
text-align:center;
}
#categories{
padding-left:10px;
}
#footer{
min-height:200px;
clear:both;
}
Modified by cor-el
is that helpful? if not pls can you let me on with the test case i seem not to get how to set one in place in this case since i don't even know how to recreate the problem
I don't see any <div> elements in your code excerpt, so if the problem is that a <div> is not appearing, that is not the most useful section of code. You probably should just delete the contents of that post.
Some people use this site for hosting web page and CSS code temporarily for review: http://pastebin.com/ (doesn't render HTML, just allows you to post text)
In viewing the source code of this page, I see your post contains a <div id="advert">. Is that the one that's not appearing? If so, have you considered whether you might be using an add-on that blocks ads?
Modified by jscher2000 - Support Volunteer
yes i have a div with an id called "advert" and that is the one that is not coming. also i have installed adblock maybe that is the one blocking it . i will disable this and give you my feedback
that was amazing, my problem was solved on disabling adblock. thank you very much. but can you please explain how that adblock works, i.e. technically ,since i have no ads there yet. that was once again amazing. thank you very much you saved me lots of hours. tell you what, i have been on this for like throughout the weekend since i had no internet i couldn't seek help but thanx a million.
can you pls let me in on an email so we link up, i am now trying to build a life in programming and i know you can help me get there. mine is : musman2g2@yahoo.com or mus_skype2 on skype
waiting on your response again thanx
- ) :D
Chosen Solution
can you please explain how that adblock works, i.e. technically
I'm not really sure, but having read Firefox support and development boards for many years, I've seen this come up from time to time: the letter string "ad" in an id or class name or src URL can be correctly or incorrectly presumed by add-ons to be advertising.
I'm not a developer, but I can recommend joining the mozillaZine Web Development board as a good resource.