Firefox and style="display:block" on table row

[dangerouskicker]

Dispaly:inline-block; problem in FF

Dear Friend, anyone is having idea about my simple html and css code is not workinging FF

CSS:

.Header-Links a{
display:inline-block;
margin-left:auto; margin-right:auto;
text-align:center;
vertical-align:middle;
border:#000000 1px solid;
width:100px;
height:34px;
background:url(../images/btn_bg.gif);
background-repeat:repeat-x;
background-position:left top;
text-decoration:none;
margin:0 3px;
line-height:30px;
color:#990033;

font-size:14px;
font-weight:bold;
}
.Header-Links a:hover{text-decoration:underline;}

HTML CODE:

<div align="center" class="Header-Links">
<a href="#" >Home</a><a href="#" class="Header-Links">About Us</a><a href="#">Benefits</a><a href="#">Services</a><a href="#">Fees</a><a href="#">Testimonials</a><a href="#">Contact</a>
</div>

On Tue, 04 Jan 2005 00:21:43 GMT, rf <[email protected]> wrote:

[snip]

> The reason [block] "appears" to work with IE is probably because IE is
> error-correcting the display property for you.

As others have implied, IE has no concept of the table-row value. In fact,
Microsoft's documentation
(<URL:http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/display.asp>)
clearly states that all block-like elements (with a few exceptions) have
'block' as their display value, contrary to specification.

[snip]

Mike

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.

 

[Mahaveer.agrawal]

div:display in tr

Hi ,

Can anybody tell me that display ="" will work with all browser(i am using safari).
or if i will make all the row as display: block then there will no issue in any browser.
I am doing this block and none dynamically. so please guide me either i can put display: block for all the rows or i can set display =""
My code is like that.

#code 1
<div>
<table>
<tr display:none; id="abc"><td></td></tr>
<tr display:block;> <td> </td> </tr>
</table>
</div>

javascript code
function(){
document.getElementById("abc").style.display = block;
}

#code 2
<div>
<table>
<tr display:none; id="abc"><td></td></tr>
<tr> <td> </td> </tr>
</table>
</div>

javascript code
function(){
document.getElementById("abc").style.display = "";
}

Regards
Mahaveer
email: (e-mail address removed)