printer friendly div inside td 1

[hamking01]

I'm creating a printer friendly page that has a top menu, left side menu and a main section as follows:

<div id=topmenu>
<table>
<tr>
<td>TopMenu here</td>
</tr>
</table>
</div>
<table>
<tr>
<div id=sidemenu><td>SideMenu here</td></div>
<td>MainSection here</>
</tr>
</table>

I have a CSS that hides the top menu and side menu:
#topmenu, #sidemenu {
display : none;
}

But I keep getting an error. Can I nest div tags in a table to hide the side menu. Or is there another method of hiding.
THank you

 

[cLFlaVA]

<div> tags cannot surround <td> tags. why not just apply the css directly to the <td> instead of to that <div>?

*cLFlaVA
----------------------------
[tt]your mom goes to college[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[hamking01]

The html is linked to two stylesheets. One for formatting and one for printer-friendly. The side menu <td> already has an id= to the formatting css. Can i still link this to the printer css?

 

[cLFlaVA]

yeah, in your printer css, define the id again.

<style type="text/css" media="screen">
#myTd { display: block; }
</style>

<style type="text/css" media="print">
#myTd { display: none; }
</style>

*cLFlaVA
----------------------------
[tt]your mom goes to college[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]