OT RE: web design and screen resolution

Sat Feb 11 12:31:08 MST 2006

On Mon, 2006-02-06 at 21:17 -0500, FoulDragon at aol.com wrote:
> Also remember:
>  
> 1024x768 screen != 1024x768 window.
>  
> I have my desktop at 1600x1200 (<3 my 21" CRT) but almost never run an
> app at 1600x1200.
----
along these lines...I'm struggling with 'printing' html and I don't
exactly know how to handle this. On screen...I have no problems but
print preview - I have a problem

Consider 2 layers defined in <head>

#layer1 { height: 118px; width: 100px; left: 36px; top: 20px; position:
absolute; visibility: visible; }
#layer2 { height: 150px; width: 752px; left: 36px; top: 20px; position:
absolute; visibility: visible; }
--></style>
  </head>
    <body>
      <span id="layer1">
         <img src="/images/pic.gif" alt="" height="112" width="128"
          border="0" />
         <span id="layer2">
           <h2>Some text<</h2>
         </span>
      </span>

In print preview...text in layer2 is 'below' rather than on same
horizontal plane as picture in layer1. Inside normal browser mode (not
printed/not print preview), the objects are perfectly where I want them.

I have tried both <span> and <div> tags but the same results.

I am trying not to 'force' the location with <table> as I am trying to
reform my ways.

What is the trick?

Craig