Grow your CSS skills. Land your dream job.

Problem printing a center positioned page (CSS Print)

  • # June 3, 2009 at 3:51 am

    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!

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".