html - Section not showing on print preview? -

this simple, skills section on site i'm working on friend (briancipoletta.com) isn't displaying on print preview.

the skills section shows fine there, when click print top or print preview, can barely make out (and select top row), nothing else shows. i've went print.css , i'm still @ loss.

if has minute take appreciated, thank you! css files are...

http://www.briancipoletta.com/css/style.css

http://www.briancipoletta.com/css/print.css

in main document, give .container element skills section unique id:

<div id="skillscontainer" class="container"> 

then in print css, add following rule:

#skillscontainer {   height: 200px; } 

the reason skills wasn't showing because in print view, children absolutely positioned, height defaulted zero.

you may want tweak css column-left, column-right, , column-center classes well, in print view bit taller (at 500px) need be.