Thread: Print CSS Webpage in IE6
View Single Post
  #1 (permalink)  
Old 07-06-07, 11:54 AM
TheScreenSaver24's Avatar
TheScreenSaver24 TheScreenSaver24 is offline
Newbie Coder
  
Join Date: Nov 2006
Posts: 11
Thanks: 0
Thanked 0 Times in 0 Posts
Print CSS Webpage in IE6
How can i get these pages to print exactly how they look when printing them?


http://comwareservices.com/pme

As of right now background won't print,etc?

This css document is for the the homepage only.
css Code:
  1. /* CSS Document for index.html */
  2.  
  3. body {
  4.     background-color: #E5E5E5;
  5.     margin: 0px;
  6. }
  7.  
  8. /* Layout */
  9. #Container {
  10.     background-color: #FFFFFF;
  11.     height: 525px;
  12.     width: 775px;
  13.     margin-top: 25px;
  14.     margin-left: 25px;
  15.     float: left;
  16. }
  17. #Inner-Container {
  18.     background-color: #FFFFFF;
  19.     margin: 25px;
  20.     width: 725px;
  21.     height: 475px;
  22.     float: none;
  23. }
  24. #Upper-box-holder {
  25.     width: 725px;
  26.     height: 235px;
  27.     padding-bottom: 5px;
  28. }
  29. #Upper-left-box {
  30.     width: 360px;
  31.     float: left;
  32.     background-color: #CF0027;
  33.     height: 235px;
  34. }
  35. #Upper-right-box {
  36.     float: right;
  37.     width: 360px;
  38.     background-color: #FFFFFF;
  39.     height: 235px;
  40. }
  41. #Lower-box-holder {
  42.     width: 725px;
  43.     height: 235px;
  44. }
  45. #Lower-left-box {
  46.     width: 360px;
  47.     float: left;
  48.     background-color: #FFFFFF;
  49.     height: 235px;
  50. }
  51. #Lower-right-box {
  52.     width: 360px;
  53.     float: right;
  54.     background-color: #333333;
  55.     height: 235px;
  56. }
  57. #Footer {
  58.     font-family: Arial, Helvetica, sans-serif;
  59.     font-size: 10px;
  60.     margin-top: 10px;
  61.     width: 725px;
  62.     float: left;
  63. }
  64. #Footer-left {
  65.     font-family: Arial, Helvetica, sans-serif;
  66.     font-size: 10px;
  67.     float: left;
  68.     width: 500px;
  69. }
  70. #Footer-right {
  71.     font-family: Arial, Helvetica, sans-serif;
  72.     font-size: 10px;
  73.     float: right;
  74.     width: 225px;
  75.     text-align: right;
  76. }
  77.  
  78. /*Navigation*/
  79. #nav {
  80.     margin: 0;
  81.     list-style:none;
  82.     padding-top: 40px;
  83.     padding-left: 25px;
  84.     font-family: Geneva, Arial, Helvetica, sans-serif;
  85.     font-size: small;
  86.     font-weight: bold;
  87. }
  88. #nav li{
  89.     text-decoration: none;
  90.     border-bottom-width: 2px;
  91.     border-bottom-style: solid;
  92.     border-bottom-color: #CC0000;
  93.     padding-top: 5px;
  94.     padding-bottom: 2px;
  95. }
  96. #nav li a{
  97.     color: #4E4E4E;
  98.     font-size: small;
  99.     text-decoration: none;
  100. }
  101.  
  102. #nav li a:visited{
  103.     color: #4E4E4E;
  104.     font-size: small;
  105.     text-decoration: none;
  106. }
  107.  
  108. #nav li a:hover{
  109.     color: #FF0000;
  110.     font-size: small;
  111. }
  112. /*Content*/
  113. #Content-Upper-Box-Left-Logo
  114.  {
  115.     height: 101px;
  116.     font-family: Geneva, Arial, Helvetica, sans-serif;
  117.     font-size: 16px;
  118.     margin-top: 60px;
  119.     margin-right: 25px;
  120.     margin-left: 25px;
  121.     width: 304px;
  122. }
  123. #Content-Lower-Box-Left
  124.  {
  125.     height: 175px;
  126.     font-family: Geneva, Arial, Helvetica, sans-serif;
  127.     font-size: 16px;
  128.     margin-top: 25px;
  129.     margin-right: 25px;
  130.     margin-left: 25px;
  131. }
  132. #Content-Lower-Box-Right
  133.  {
  134.     margin-top: 25px;
  135.     margin-right: 25px;
  136.     margin-left: 25px;
  137.     height: 175px;
  138.     font-family: Geneva, Arial, Helvetica, sans-serif;
  139.     font-size: 16px;
  140.     color: #FFFFFF;
  141. }
  142. [/CSS]
  143.  
  144. This is for all the other pages.
  145. [CSS]
  146. /* CSS Document */
  147.  
  148. body {
  149.     background-color: #E5E5E5;
  150.     margin: 0px;
  151. }
  152.  
  153. /* Layout */
  154.  
  155. #Container {
  156.     background-color: #FFFFFF;
  157.     height: 525px;
  158.     width: 775px;
  159.     margin-top: 25px;
  160.     margin-left: 25px;
  161.     float: left;
  162. }
  163. #Inner-Container {
  164.     background-color: #FFFFFF;
  165.     margin: 25px;
  166.     width: 725px;
  167.     height: 475px;
  168.     float: none;
  169. }
  170. #Left-box-holder {
  171.     width: 360px;
  172.     height: 475px;
  173.     float: left;
  174. }
  175. #Left-upper-box {
  176.     height: 235px;
  177.     width: 360px;
  178.     float: left;
  179. }
  180. #Left-lower-box {
  181.     height: 235px;
  182.     background-color: #333333;
  183.     float: left;
  184.     width: 360px;
  185. }
  186. #Right-box-holder {
  187.     float: right;
  188.     width: 360px;
  189.     height: 475px;
  190. }
  191. #Footer {
  192.     font-family: Arial, Helvetica, sans-serif;
  193.     font-size: 10px;
  194.     width: 725px;
  195.     margin-top: 10px;
  196.     float: left;
  197. }
  198. #Footer-left {
  199.     font-family: Arial, Helvetica, sans-serif;
  200.     font-size: 10px;
  201.     float: left;
  202.     width: 500px;
  203. }
  204. #Footer-right {
  205.     font-family: Arial, Helvetica, sans-serif;
  206.     font-size: 10px;
  207.     float: right;
  208.     width: 225px;
  209.     text-align: right;
  210. }
  211. /*Navigation*/
  212. #nav {
  213.     margin: 0;
  214.     list-style:none;
  215.     padding-left: 25px;
  216.     font-family: Geneva, Arial, Helvetica, sans-serif;
  217.     font-size: small;
  218.     font-weight: bold;
  219. }
  220. #nav li{
  221.     text-decoration: none;
  222.     border-bottom-width: 2px;
  223.     border-bottom-style: solid;
  224.     border-bottom-color: #CC0000;
  225.     padding-top: 3px;
  226.     padding-bottom: 2px;
  227. }
  228. #nav li a{
  229.     color: #4E4E4E;
  230.     font-size: small;
  231.     text-decoration: none;
  232. }
  233.  
  234. #nav li a:visited{
  235.     color: #4E4E4E;
  236.     font-size: small;
  237.     text-decoration: none;
  238. }
  239.  
  240. #nav li a:hover{
  241.     color: #FF0000;
  242.     font-size: small;
  243. }
  244. /*Medic Alert Fasion Navigation*/
  245. #maf-nav {
  246.     font-family: Geneva, Arial, Helvetica, sans-serif;
  247.     font-size: small;
  248.     color: #FFFFFF;
  249.     list-style-type: none;
  250.     padding-top: 5px;
  251.     padding-right: 0px;
  252.     padding-bottom: 5px;
  253.     padding-left: 25px;
  254.     background-color: #CC0000;
  255.     margin-top: 3px;
  256.     margin-right: 0px;
  257.     margin-bottom: 0px;
  258.     margin-left: 0px;
  259.     font-weight: bold;
  260. }
  261. #maf-nav li{
  262.     text-decoration: none;
  263.     border-bottom-width: 2px;
  264.     border-bottom-style: solid;
  265.     border-bottom-color: #CC0000;
  266.     display: inline;
  267. }
  268. #maf-nav li a{
  269.     color: #FFFFFF;
  270.     font-size: small;
  271.     text-decoration: none;
  272. }
  273.  
  274. #maf-nav li a:visited{
  275.     color: #FFFFFF;
  276.     font-size: small;
  277.     text-decoration: none;
  278. }
  279.  
  280. #maf-nav li a:hover{
  281.     color: #FFFFFF;
  282.     font-size: small;
  283. }
  284. /*Content*/
  285. #Content-Upper-Box-Logo {
  286.     height: 106px;
  287.     width: 312px;
  288.     float: right;
  289.     margin-bottom: 5px;
  290.     margin-right: 25px;
  291. }
  292. #Content-Left-Box-Lower
  293. {
  294.     font-family: Geneva, Arial, Helvetica, sans-serif;
  295.     font-size: 16px;
  296.     margin-top: 25px;
  297.     margin-right: 25px;
  298.     margin-left: 25px;
  299.     height: 175px;
  300.     color: #FFFFFF;
  301. }
  302. #Content-Right-Box
  303.  {
  304.     height: 475px;
  305.     font-family: Geneva, Arial, Helvetica, sans-serif;
  306.     font-size: 16px;
  307.     margin: 0px;
  308. }
Last edited by Christian; 07-06-07 at 12:34 PM. Reason: Please use [highlight=css tags when posting CSS code!
Reply With Quote