Hi Soshite,
The actual selectors that apply those styles to your table rely on a div id="content" and inside that, another div id="table", then the table inside that.
In your highslide page, the table isn’t wrapped by those divs, so the selectors in your CSS don’t come into play.
You might try just adding some selectors to the rules you already have.. so this is a modified table.css:
#content #table .setup, .highslide-body .setup { width: 100%; background: none; }
#content #table .heading, .highslide-body .heading { background: #4a4a45; border: 1px solid #4a4a45; color: #f2f2f2; font-weight: bold; font-size: 15px; text-align: center; }
#content #table .data, .highslide-body .data { border: 2px solid #4a4a45; padding: 5px; text-align: center; }
#content #table .data-nc, .highslide-body .data-nc { border: 2px solid #4a4a45; padding: 5px; }
This should allow both pages to work.
MODX Staff
