189227 - users.pandora.be - uses display: block instead of display: table

Status: RESOLVED INVALID

(Core :: DOM: CSS Object Model, defect)

Description

[VoodooChile]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.2) Gecko/20021126
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.2) Gecko/20021126

bad display after collapsing the table...
IE doesn't have this...

Reproducible: Always

Steps to Reproduce:
1. click -, nothing happens..
2. click +, the table collapses fine
3. click + again, and the table shows up again, but incorrect. layout isn't nice...

Actual Results:  
bad table layout

Expected Results:  
show the table 100% width as always...

Comment 1

[Christopher Hoess (gone)]

Problem code:

function hideTable(ID){
  var el = document.getElementById(ID);
  
//el.style.visibility=(el.style.visibility=="show")?"collapse":"show";//proberen 
:)
  if (el.style.display == "block"){
    el.style.display = "none";
  }else{
    el.style.display = "block"
  }
}

Tables are "display: table", not "display: block", per CSS 2. (Not sure if IE 
handles display: table; you may have to vary the script by browser. Try 
substituting "table" for "block" in the above script and see what happens.) 
Resolving as INVALID.