Ap div not working in Firefox...works in IE

Question

Here is my test site:
My Test Site
In IE the ap divs i set for the rollovers are aligned just
fine with the background menu bar. But in Firefox, Safari, and
Chrome all of my divs are shifted down.
How do I fix this??

Answer 1

> i ended up just nixing the ap divs and used layout cells
within a table.
> worked out a lot better.
I think not. Unfortunately, Layout mode has as many problems
(only they are
different) as do the wholesale use of AP divs for layout.
That's why Layout
mode has been removed completely from CS4.
> 1) How do I make my cells inside of my table move at the
same rate that my
> background image moves when the browser shrinks past the
table?
I have no idea what you are seeking here. But what I can tell
you is that
your page is a bit heavy - your page's table background image
is 332K
(primarily because you have saved it as a PNG image - it
should be a well
optimized JPG).
10.6K 1 HTML/Text
350.2K 2 CSS Images
40.1K 9 Images
401.0K Total size
12 HTTP requests
> 2) Is it possible to have my background image inside of
my table not
> shrink
> past the limits of the table itself?
Background images DO NOT SHRINK/STRETCH. They tile. Yours
does neither -
it just centers along with the table.
> 2) If it is not possible, how do i set limits on
browsers so that the
> browser
> is not able to shrink past the limit of the table?
You can't.
All bad news. The worst is yet to come - your approach here
is even worse
than with the AP divs. Trying to align text content (there is
not much
there - that's bad too) with a background image the way you
have is just a
mistake. Open the page in Firefox and resize the text -
you'll see....
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
==================
"Nazukeoya" <[email protected]> wrote in
message
news:[email protected]...
> thanks fellers, i appreciate the help.
>
> i ended up just nixing the ap divs and used layout cells
within a table.
> worked out a lot better.
>
> im having an issue though:
>
> Test Site: www.myblackbag.com
>
> Ok, when i shrink my browser the background image in my
table adjusts to
> it.
> however, my cells that contain my menu do not adjust
with the background
> image.
>
> Now, i am noticing that once the browser hits my table
that is when my
> background image starts to shrink.
>
> My goal?: When the browser hits my table and the
background image of my
> table
> begins to shrink, i also want the cells inside of my
table to move at the
> same
> rate as the background.
>
> So, my questions:
>
> 1) How do I make my cells inside of my table move at the
same rate that my
> background image moves when the browser shrinks past the
table?
> 2) Is it possible to have my background image inside of
my table not
> shrink
> past the limits of the table itself?
> 2) If it is not possible, how do i set limits on
browsers so that the
> browser
> is not able to shrink past the limit of the table?
>