Re: OT RE: web design and screen resolution

Top Page
Attachments:
Message as email
+ (text/plain)
Delete this message
Reply to this message
Author: Craig White
Date:  
To: Main PLUG discussion list
New-Topics: Re: OT: Using CSS for layering (was RE: web design and screen resolution)
Subject: Re: OT RE: web design and screen resolution
On Mon, 2006-02-06 at 21:17 -0500, 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

---------------------------------------------------
PLUG-discuss mailing list -
To subscribe, unsubscribe, or to change you mail settings:
http://lists.PLUG.phoenix.az.us/mailman/listinfo/plug-discuss