Dear group;
I'm having a problem with firefox (oh no!) displaying a div tag with an id and class defined. It works in IE (oh no again!) and everything I've read online says it's complient with w3c. Also, I've searched for a know bug with firefox but have not returned any results.
Here is the code (snip):
div.level_1{
background-color: #FFFFFF;
border: 1px solid black;
border-bottom: 3px solid black;
border-left: 3px solid black;
margin-bottom: 2px;
font-weight: 600;
width: 100%;
padding-bottom: 5px;
}
div.level_2{
background-color: #FAFAFA;
border: 1px solid black;
border-bottom: 3px solid black;
border-left: 3px solid black;
margin-bottom: 2px;
font-weight: 500;
width: 100%;
top: -20px;
left: 10px;
padding-bottom: 5px;
}
#qc_1{
position:relative;
display:inline;
}
#qc_1_1{
position:relative;
display:none;
}
...
...
...
<div id='qc_1' class='level_1'>
A table inside of the div has been removed.
</div>
<div id='qc_1_1' class='level_2'>
A table inside of the div has been removed.
</div>
Here is a live look at the entire test code: <!-- m --><a class="postlink" href="http://www.tribezero.com/js.html">http://www.tribezero.com/js.html</a><!-- m -->
Thanks for your help!
gActually the w3c doesn't think it's compliant.
<!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//www.tribezero.com/js.htmlthanks">http://validator.w3.org/check?verbose=1 ... htmlthanks</a><!-- m --> for your reply ray326! As it turns out, it is supported, my document had some radio buttons with the same id. Once i got that fixed up, the document now valid HTML.
In fixing it, I found the problem. In my CSS and javascript, I was setting the display to "inline". Once I switched it to "block", it all worked out great. So thanks again for your help.
Here is the javascript to set it:
function openElement(ele){
ele.style.display = "block";
return true;
}
GaryIn fixing it, I found the problem.Ain't that always the way?
I'm having a problem with firefox (oh no!) displaying a div tag with an id and class defined. It works in IE (oh no again!) and everything I've read online says it's complient with w3c. Also, I've searched for a know bug with firefox but have not returned any results.
Here is the code (snip):
div.level_1{
background-color: #FFFFFF;
border: 1px solid black;
border-bottom: 3px solid black;
border-left: 3px solid black;
margin-bottom: 2px;
font-weight: 600;
width: 100%;
padding-bottom: 5px;
}
div.level_2{
background-color: #FAFAFA;
border: 1px solid black;
border-bottom: 3px solid black;
border-left: 3px solid black;
margin-bottom: 2px;
font-weight: 500;
width: 100%;
top: -20px;
left: 10px;
padding-bottom: 5px;
}
#qc_1{
position:relative;
display:inline;
}
#qc_1_1{
position:relative;
display:none;
}
...
...
...
<div id='qc_1' class='level_1'>
A table inside of the div has been removed.
</div>
<div id='qc_1_1' class='level_2'>
A table inside of the div has been removed.
</div>
Here is a live look at the entire test code: <!-- m --><a class="postlink" href="http://www.tribezero.com/js.html">http://www.tribezero.com/js.html</a><!-- m -->
Thanks for your help!
gActually the w3c doesn't think it's compliant.
<!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//www.tribezero.com/js.htmlthanks">http://validator.w3.org/check?verbose=1 ... htmlthanks</a><!-- m --> for your reply ray326! As it turns out, it is supported, my document had some radio buttons with the same id. Once i got that fixed up, the document now valid HTML.
In fixing it, I found the problem. In my CSS and javascript, I was setting the display to "inline". Once I switched it to "block", it all worked out great. So thanks again for your help.
Here is the javascript to set it:
function openElement(ele){
ele.style.display = "block";
return true;
}
GaryIn fixing it, I found the problem.Ain't that always the way?