Screen resolution yet again

Question

Although this forum has taught me a lot about screen
resolutions, view ports
etc. I am still struggling.
I am on a broadscreen laptop with screen resolution 1440 x
900 - at the moment
perhaps uncommon, but possibly gaining popularity.
I have a relativeley positioned div containing an absoluteley
positioned div,
that has an image in it, all in a table with fixed width.
The image in the absolute pos. div shifts as I change the
view port. Why is
that? I would expect it to always sit the specified px's away
from the
container div.
http://www.spinsister.nl/blog/index.php
, I am talking about the two pictures
in the entry 'Vanuit de verte', at the moment at the top of
the page.)
Sorry to have to ask about this yet again. I read Nadia's
article several times
and thought I understood, but obviously don't.
Regards,
Adriana.
[ put out the rubbish if you need to reach me by e-mail ]
www.spinsister.nl

Answer 1

Anyhow, you need a) to validate the page, and b) to put a
valid and complete
doctype on it so that you get out of quirks mode.
</tr>
<tr>
<td bgcolor="#ffffff"><table width="770">
<tr>
<td valign="top" bgcolor="#ffffff"><div
id="entryview">
This is clearly invalid code, as is this -
</tr>
</tr>
Also, you have HTML in your CSS files (there should only be
CSS in CSS
files) -
<style type="text/css">
I see what you are experiencing, and my experience tells me
that something
on the page is working in ways that you don't expect.
Personally, I
wouldn't use a table-based layout at all, but I realize you
are already
committed to it. Also, try adding borders to this rule -
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to
prevent
overlaying*/
and you'll see that it's not being expressed at all. That's
likely the
source of your problem.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"A.Translator" <[email protected]> wrote in
message
news:[email protected]...
>> Seems to me that those two images are doing exactly
what you want them to
>> do (IE6 and FF1.5x). They retain their relative
position on any browser
>> viewport width.
>
> Not on any, at least not the way I understand view
ports.
> To illustrate my question I put two screen shots online
>
http://www.xs4all.nl/~hogen/voorbeeld/
>
> In both shots I hover over the thumb to expose the
larger image to the
> right. In the top one the off set works as intended -
notice: on the left
> FF's Webdeverloper's Toolbar CSS editor is open making
the viewport
> smaller.
>
> The screen shot underneath shows the same, but now in
full screen.
>
> Sorry for the horizontal scroll bar that you'll probably
get but you
> appreciate in this case I had to keep the images full
size.
>
> --
> Regards,
> Adriana.
> [ put out the rubbish if you need to reach me by e-mail
> www.spinsister.nl
>
>