Help with DW & FW8 nav position in vertical centred page

Question

I have a FW8 CSS navbar which is contained within a wrapper
div for a horizontally and vertically centred page (table layout).
Works ok in Firefox and looks ok in IE but when IE browser is
resized the navbar isn't staying in place. I've changed the
position elements but can't get the combination right. Can anyone
help please?

Answer 1

For what it's worth,
td img {
/* Another Mozilla/Netscape bug with making sure our images
display
correctly
display: block;
this is not a Moz bug. It's an IE one. Moz is displaying
images according
to the standards - it's IE that is creating your problems.
And what you
have done here is to bludgeon Moz into compliance by making
an image
something it's not.... For what it's worth.
With regard to the FW menus, I have decided not to help
people with them.
I'm sorry, but since MM created them this way against the
advice of their
many consultants, I think they need to support their
creation. Just look at
that stupid mess of CSS....
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
==================
"Mdsign" <[email protected]> wrote in
message
news:[email protected]...
>I have a FW8 CSS navbar which is contained within a
wrapper div for a
> horizontally and vertically centred page (table layout).
Works ok in
> Firefox
> and looks ok in IE but when IE browser is resized the
navbar isn't staying
> in
> place. I've changed the position elements but can't get
the combination
> right.
> Can anyone help please?
>
> html, body, #wrapper {
> background-color: #E8EFF7;
> height:100%;
> margin: 0;
> padding: 0;
> border: none;
> text-align: center;
> }
>
> td img {
> /* Another Mozilla/Netscape bug with making sure our
images display
> correctly
> */
> display: block;
> }
>
> #FWTableContainer841513528 {
> /* The master div to make sure that our popup menus get
aligned correctly.
> Be
> careful when playing with this one. */
> position:relative;
> margin:0px;
> width:750px;
> height:30px;
> text-align:left;
> }
>
> #MMMenuContainer0314150012_0 {
> /* This ID is related to the master menu div for menu
> MMMenuContainer0314150012_0 and contains the important
positioning
> information
> for the menu as a whole */
> position:relative;
> left:188px;
> top:30px;
> visibility:hidden;
> z-index:300;
> }
>
> #MMMenu0314150012_0 {
> /* This class defines things about menu
MMMenu0314150012_0's div. */
> position:absolute;
> left:0px;
> top:0px;
> visibility:hidden;
> background-color:transparent;
> width:148px;
> height:110px;
> }
>
> .MMMIFVStyleMMMenu0314150012_0 {
> /* This class determines the general characteristics of
the menu items in
> menu
> MMMenu0314150012_0 */
> width:148px;
> height:22px;
> voice-family: "\"}\"";
> voice-family:inherit;
> width:140px;
> height:14px;
> }
>
> .MMMIVStyleMMMenu0314150012_0 {
> /* This class determines the general characteristics of
the menu items in
> menu
> MMMenu0314150012_0 */
> width:148px;
> height:22px;
> voice-family: "\"}\"";
> voice-family:inherit;
> width:140px;
> height:14px;
> }
>
> #MMMenu0314150012_0_Item_0 {
> /* Unique ID for item 0 of menu MMMenu0314150012_0 so we
can set its
> position
> */
> left:0px;
> top:0px;
> }
>
> #MMMenu0314150012_0_Item_1 {
> /* Unique ID for item 1 of menu MMMenu0314150012_0 so we
can set its
> position
> */
> left:0px;
> top:22px;
> }
>
> #MMMenu0314150012_0_Item_2 {
> /* Unique ID for item 2 of menu MMMenu0314150012_0 so we
can set its
> position
> */
> left:0px;
> top:44px;
> }
>
> #MMMenu0314150012_0_Item_3 {
> /* Unique ID for item 3 of menu MMMenu0314150012_0 so we
can set its
> position
> */
> left:0px;
> top:66px;
> }
>
> #MMMenu0314150012_0_Item_4 {
> /* Unique ID for item 4 of menu MMMenu0314150012_0 so we
can set its
> position
> */
> left:0px;
> top:88px;
> }
>
> #MMMenuContainer0314150012_0 img {
> /* needed for Mozilla/Camino/Netscape */
> border:0px;
> }
>
> #MMMenuContainer0314150012_0 a {
> /* Controls the general apperance for menu
MMMenuContainer0314150012_0's
> items, including color and font */
> text-decoration:none;
> font-family:Verdana, Arial, Helvetica, sans-serif;
> font-size:10px;
> color:#6699cc;
> text-align:left;
> vertical-align:middle;
> padding:4px;
> background: url("mmmenu2_148x22_up.gif") #e6eef7;
> font-weight:normal;
> font-style:normal;
> display:block;
> position:absolute;
> }
>
> #MMMenuContainer0314150012_0 a:hover {
> /* Controls the mouse over effects for menu
MMMenuContainer0314150012_0 */
> color:#cc0000;
> background: url("mmmenu2_148x22_over.gif") #e6eef7;
> }
> #MMMenuContainer0314145458_1 {
> /* This ID is related to the master menu div for menu
> MMMenuContainer0314145458_1 and contains the important
positioning
> information
> for the menu as a whole */
> position:absolute;
> left:467px;
> top:30px;
> visibility:hidden;
> z-index:300;
> }
>
> #MMMenu0314145458_1 {
> /* This class defines things about menu
MMMenu0314145458_1's div. */
> position:absolute;
> left:0px;
> top:0px;
> visibility:hidden;
> background-color:transparent;
> width:113px;
> height:22px;
> }
>
> .MMMIFVStyleMMMenu0314145458_1 {
> /* This class determines the general characteristics of
the menu items in
> menu
> MMMenu0314145458_1 */
> width:113px;
> height:22px;
> voice-family: "\"}\"";
> voice-family:inherit;
> width:105px;
> height:14px;
> }
>
> #MMMenu0314145458_1_Item_0 {
> /* Unique ID for item 0 of menu MMMenu0314145458_1 so we
can set its
> position
> */
> left:0px;
> top:0px;
> }
>
> #MMMenuContainer0314145458_1 img {
> /* needed for Mozilla/Camino/Netscape */
> border:0px;
> }
>
> #MMMenuContainer0314145458_1 a {
> /* Controls the general apperance for menu
MMMenuContainer0314145458_1's
> items, including color and font */
> text-decoration:none;
> font-family:Verdana, Arial, Helvetica, sans-serif;
> font-size:10px;
> color:#6699cc;
> text-align:left;
> vertical-align:middle;
> padding:4px;
> background: url("mmmenu1_113x22_up.gif") #e6eef7;
> font-weight:normal;
> font-style:normal;
> display:block;
> position:absolute;
> }
>
> #MMMenuContainer0314145458_1 a:hover {
> /* Controls the mouse over effects for menu
MMMenuContainer0314145458_1 */
> color:#cc0000;
> background: url("mmmenu1_113x22_over.gif") #e6eef7;
> }
>