The website pages at this testing server are liquid. The menu buttons are centered with a margin:0 auto; attribute. How can I make the flash stay centered under the menu buttons as the browser width is changed? Here is the div containing the flash:
#content {
background-color:#FFFFFF;
margin: 0 auto;
float: left;
width: 100%;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
Floating an element will prevent any centering. Centering an element requires setting a width that is less than 100%, using a proper document type and using the CSS property: margin: 0 auto; This is done in the CSS that styles the element. Example:
Bookmarks