treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Problem printing a center positioned page (CSS Print)

  • Problem: Cannot print correctly a page which is vertically positioned at the middle of the page and horizontally positioned at the center of the page. You can seee the page here-> http://neogen-skin.gr/home.aspx

    Solution: I am trying to write a correct Print Css so i can print this page correctly both to IE 7 and FireFox 3.

    Description of the Problem - Screenshots - Code: Print Preview of this page is totally different to IE 7 & FF 3. I dont want to print the page on a landscape mode. I want to print the page on a regular mode.

    Screenshots: IE 7 print preview screeshot here -> http://i614.photobucket.com/albums/tt229/urbantoilet/ie_preview.jpg,
    FF3 print preview here-> http://i614.photobucket.com/albums/tt229/urbantoilet/ff_preview.jpg.

    Code: i position the page at the center of the page using this code :
    <body>
    <form id="form1" runat="server">
    <div id="main" style="width :930px; height :580px; position: absolute ; top:50%; left: 50%; margin-left: -465px; margin-top: -290px;">
    content content content content content content content content
    </div>
    </form>
    </body>

    can you please help me find a solution to that problem, i have search the whole web but nothing really works.
    If you want additional infos for the problem, inform me please...
    Thank you!