I want to do a style sheet with 2 columns floated to save ink and paper and put a grey border around each box.
However in Firefox although the border shows in print preview it doesn't print out:
Here is a sample of the code, any ideas?
Thanks
Steven
Code:#ou-topbars, #siteV2 div#mystuff-logo, #siteV2 div#mystuff-global, #siteV2 a.link-show-all, #siteV2 div#mystuff-breadcrumbs, #siteV2 a.link-options, #siteV2 img, #siteV2 input, #siteV2 textarea, #siteV2 label { display:none; } #siteV2 h1.hide { text-indent:0; height:auto; overflow:visible; } #siteV2 div.colwrapper { margin:0; padding:0; } #siteV2 div#siteV2-body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color:#000; background-images:none; } #siteV2 div#siteV2-body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color:#000; background-images:none; } #siteV2 div#siteV2-body h1, #siteV2 h1.hide { font-size:1.2em; font-weight:bold; } #siteV2 div#siteV2-body h2 { font-size:1em; } #siteV2 div#siteV2-body a { text-decoration:none; color:#000; } /* PAGE HEADER ------------------------------------------------------------------------------------- */ #siteV2 div#mystuff-page-header h1, #siteV2 div#mystuff-page-header h1 strong { color:#000; } #siteV2 div#mystuff-page-header { padding-left:0; } #siteV2 div#mystuff-page-header a { color:#000; } #siteV2 a#link-new-item { padding-left:0; } /* ACTIVITY AND NOTICES ------------------------------------------------------------------------------------- */ #siteV2 ul#list-activity li h2, #siteV2 div#view-activity div.item-border h2, #siteV2 ul.list-notices li h2, #siteV2 ul.list-recent-activity li h3, #siteV2 ul.list-recent-activity li h2 { padding-left:0; } #siteV2 div.recent-activity, #siteV2 ul#list-activity li, #siteV2 div.body-overview div.col2 div.recent-activity { border:1px solid #CCC; } /* STORAGE ------------------------------------------------------------------------------------- */ #siteV2 div#storage { border:1px solid #CCC; } #siteV2 div.storage-bar { border:1px solid #CCC; height:1.5em; position:relative; } #siteV2 div.storage-bar-content { width:35%; background-color:#F8F8F8; height:1.5em; } #siteV2 div.storage-bar span{ position:absolute; right:5px; top:0; font-weight:bold; } /* MY FAVOURITE TAGS ------------------------------------------------------------------------------------- */ #siteV2 div#my-favourite-tags { border:1px solid #CCC; } /* TAGS & TYPES ------------------------------------------------------------------------------------- */ #siteV2 div.tags-list ul li { background-color:#FFF; } /* CALENDAR ------------------------------------------------------------------------------------- */ #siteV2 div#calendar table img { display:none; } #siteV2 div#calendar table th, #siteV2 div#calendar table td { /* provide spacing for table cells */ padding:2%; text-align:center; } #siteV2 div#calendar { border:1px solid #CCC; } /* LAYOUT ------------------------------------------------------------------------------------- */ #siteV2 div.col1 { /* create 2 columns */ float:left; width:60%; } #siteV2 div.col2 { float:left; width:auto; margin-left:2%; } /* LAYOUT (OVERVIEW) ------------------------------------------------------------------------------------- */ /* redefine column widths */ #siteV2 div.body-overview div.col1 { width:52%; } #siteV2 div.body-overview div.col2 { width:auto; } /* TAGS & TYPES ------------------------------------------------------------------------------------- */ #siteV2 div.tags-list { border:1px solid #CCC; display:inline-block; } #siteV2 div.tags-list ul li { margin-right:0; margin-bottom:0; } /* SPACES ------------------------------------------------------------------------------------- */ #siteV2 ul.list-spaces li { padding-left:0; border:0; } #siteV2 ul.list-spaces li a, #siteV2 ul.list-spaces li p { border:0; } #siteV2 div.spaces { border:1px solid #CCC; } /* ITEMS LINK ------------------------------------------------------------------------------------- */ #siteV2 div#siteV2-body ul.list-item-links li { padding-left:0; }




Bookmarks