Layers Content overlaps

[Pathy]

Hi,

I have created a htm file with frames. I have used Layers and not table. The
page looks good on my machine(IE 6, Firefox) and few others. But some of the
browsers with IE 6, the layers are overlapping. That is the contents (texts)
in one layer appears to overlap on to the next layer. Hence the contents are
not readable.

This issue happens at www.upfrontclearance.com.au

Any help will be highly appreciated.

regards
Pathy

 

[Ronx]

There are no layer problems on that page in IE6 or any other browser
(FireFox, Opera 7).
However - The page does not fit in my 800x600 browser - requires
left-right scrollbar which has been suppressed. Bear in mind that 30%
of users still have screen resolution set to 800x600. and a
significant proportion of those with higher resolution monitors open
their browsers in small windows.

In the Banner frame page (Home_Frame1.htm) remove the line
<%@ Language=JavaScript %>
This would only be used if you were using ASP for server-side
scripting.
The image paths in the JavaScript need amending in some cases:
example:

banner2.src = "../Logo/../Logo/KSwiss%20Logo.jpg"
should be
banner2.src = "../Logo/KSwiss%20Logo.jpg"

Also remove all spaces from folder and file names - the spaces appear
in links as %20, and some browsers and servers will break the links.

How do you get into the rest of the website? Is there any more to the
website?
Reading the code in the Banner page, there should be links associated
with the rotating banners, but these are definitely not obvious, and
do not work.

 

[Pathy]

Hi Ron,

Thanks for your reply. Greatly appreciated. Do I have to redesing the page
to fit in 800x600 or is there a way to enable scroll bar automatically?

regards
Pathy

 

[Ronx]

I would redesign:
lose the frames - they are not needed based on what can be seen and
will give problems with search engines and bookmarking.
use tables set to 760px width or 100% width instead of Absolute
Positioning.
add some obvious navigation

 

[Murray]

Yes, there are.

There are two layers on the page. Each one has text content within. As the
browser's font size is made larger, each one is expanded by the increase in
size of the text. Since layers are absolutely positioned, and cannot
interact with each other as a result, the top layer begins to encroach on
and then overlap the bottom layer, instead of pushing it down.

This is characteristic of a 'layer-only' approach to page layout and will
happen on any page with layers containing text. It's a bad approach to page
design/development. While using layers to position content is simple and
easy, it extracts a price and this is it.

In this very simple case, there is not a reason to use layers at all - a
simple two row table would work just fine.