Page elements move when the table is centered

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

Last we I had a post about my page elements moving when I previewed a page. I
had imported material from another program and it seemed to mess things up.

I have deleted a page and rebuilt it ( but I imported a copy of the menu to
this page from the index page which was imported from another program, but I
used "keep text only" before assigning hyperlinks, then copied it to the page
below) and the items still move.

The table's alignment is centered and float is default(just like my home
page which I rebuilt and it looks great, the home page is not on the web yet).

As a note when the table's float is to the left every thing looks great and
inline.

Whats wrong & if I use keep text only can I import stuff from other programs?

The page sample is outdoorupdate.com/company.htm

Thanks
SJ
 
Actually,
I just checked and my table that doesn't move has 52px for the left margin,
I should'nt have to do this shouild I? Does this produce any future problems?

Thanks
SJ
 
You will have to define exactly what the problem is. You say that "page
elements move" when the table is centered, but what exactly does that mean?
When I opened the page in my browser, nothing was moving. Obviously not, but
as everything was where it was, I don't know what you think moved. Can you
name a specific element that "moved," and what you mean by "moved?"

I can tell you this much at this point:

The table is inside a div with the "align" attribute set to "center." This
causes the table to be centered in the page as much as possible. That is,
because the table is set to 850 pixels wide, if the page is less wide that
that, the table will extend past the right edge of the browser window, and
no longer be centered. But as long as the browser window is wider than the
table, it will be centered.

In addition, you have several divs in the page which use absolute
positioning (often called "layers"). These divs will remain in their
positions regardless of the size of the window.

For example, this one:

<div style="position: absolute; width: 120px; height: 95px; z-index: 6;
left: 779px; top: 72px; background-color: #00FFFF" id="layer8">&nbsp;</div>

Note that the position is set to "absolute," that the top style is set to
72px, and that the left style is set to 779px, which means that regardless
of the size of the window, this div will remain at the location of 779, 72.

There are 3 divs on the page that use absolute positioning.

--
HTH,

Kevin Spencer
Microsoft MVP
Chicken Salad Surgery

It takes a tough man to make a tender chicken salad.
 
Back
Top