Frames disappear on small screens

Question

Hello,
On all the pages in this site:
http://www. garrigaehotels.com
There are flags in the top right corner. If you make your
browser window quite small - you can no longer see the flags. Which
is fine, except that you can't see them even when using the scroll
bars.
The flags sit in a layer which is positioned relative to a
larger layer called 'main'.
I don't understand why browsers aren't seeing that this layer
is there - and so allowing you to move up to see it using the
scroll bars.
Any ideas?
Thanks,
- Greg

Answer 1

> I.E. Can I have a rectangle sitting in the middle
(vertically and
> horizontally) of the browser window?
I think it's a waste of effort and time to try to achieve
this, but there
are several ways -
1. Actually use frames. Be aware that I DO NOT suggest you
seriously
consider this since frames are rarely the optimal choice for
your layout
method. They come with MANY disadvantages, none of which
would be offset by
achieving this vertical centering that most (all?) of your
visitors will
fail to notice.
2. Use the method described here -
http://www.apptools.com/examples/tableheight.php
As far as I know, those are the only two ways to achieve
vertical centering
reliably.
> I ask - because this is exactly what my client wants.
Sometimes our job as webmasters is to educate and guide our
clients.
> The base div called 'anchor' is positioned 50%, 50% -
it's just that all
> the
> other layers are positioned absolutely within this
layer. It was the only
> way I
> could find at the time of getting the site to sit in the
middle of the
> screen.
And it works, except for the negative offset, and the SERIOUS
disadvantage
of having to use layers for your content.
> i can't see how i can position all the other layers
relatively to
> 'anchor' -
> without them floating all over the place.
Again, I would say to completely lose the layers, and their
associated
absolute positioning woes. Accept the fact that nobody but
your client is
going to notice that the page is not vertically centered, and
locate it on
the page with a respectable distance from the top margin. Use
best practice
methods to locate the rest of the content on the page (i.e.,
not absolute
positioning). I think that will work fine. The design is so
pleasing to
the eye, that nobody will notice the lack of vertical
centering.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"GregSW18" <[email protected]> wrote in message
news:[email protected]...
> Thanks Murray.
>
> Do you think that the current design I have done is
possible using the
> relative position strategies you suggest?
>
> I.E. Can I have a rectangle sitting in the middle
(vertically and
> horizontally) of the browser window?
>
> Or would the entire design need to change?
>
> I ask - because this is exactly what my client wants.
>
> The base div called 'anchor' is positioned 50%, 50% -
it's just that all
> the
> other layers are positioned absolutely within this
layer. It was the only
> way I
> could find at the time of getting the site to sit in the
middle of the
> screen.
>
> i can't see how i can position all the other layers
relatively to
> 'anchor' -
> without them floating all over the place.
>
> Thanks,
>
> - Greg
>