List Readers, I could use some help. I have a CSS table - with an external style sheet - that won't center for me. I have tried all the tricks that I know but just can't seem to find the one thing that I have wrong. I have tried centering it on the page and on the style sheet too, but can't seem to get the right combination. It looks centered on my computer, but we have two more in the house and it isn't centered on them. I tired looking at it with IE, Firefox and Safari, all have the same look - a table on the left. It is here at this link - at all of these pages A - F. http://www.rootsweb.ancestry.com/~mobarry/photos/index.htm Help appreciated. Donna Cooper
Donna, It took me ahile to figure out what you were referring to, as my PC screen is 1024 x 768. On my Mac with a wider screen, I can see that you prolly want the entire page content to be centered in larger screensizes. I looked at index-a.htm. This line has problems: <div align=center class="photoTitle" id="index" div> 1. There's a trailing "div". ??? 2. You are using XHTML, so args must be in quotes - align="center" (Those errors are found by the html validator at http://validator.w3.org) 3. There is no class photoTitle in your "style_photos10.css" stylesheet In your stylesheet you have: #index { width: 800px; } So the upshot is that you have defined your outermost div to be 800 pixels (which actually gets widened by the 1024x238 photo montage that you squish into a img element with width="985" height="170"...) but your center align failed so you remain left aligned. Fix the first two problems, above, and see if that helps. -- John S. Van Essen, Baxter, Minnesota UofMN Alum <vanes002@umn.edu> Crow Wing County MNGenWeb Site: http://www.rootsweb.com/~mncrowwi/ Mailing List: http://lists.rootsweb.com/index/usa/MN/crowwing.html On Thu, 9 Sep 2010, DONNA COOPER <saarisr@sbcglobal.net> wrote: > List Readers, I could use some help. > > I have a CSS table - with an external style sheet - that won't center for me. I > have tried all the tricks that I know but just can't seem to find the one thing > that I have wrong. I have tried centering it on the page and on the style sheet > too, but can't seem to get the right combination. > > It looks centered on my computer, but we have two more in the house and it isn't > centered on them. I tired looking at it with IE, Firefox and Safari, all have > the same look - a table on the left. > > It is here at this link - at all of these pages A - F. > > http://www.rootsweb.ancestry.com/~mobarry/photos/index.htm > > Help appreciated. > > Donna Cooper
At 10:28 PM 9/9/2010, DONNA COOPER wrote: >List Readers, I could use some help. > >I have a CSS table - with an external style sheet - that won't >center for me. I >have tried all the tricks that I know but just can't seem to find >the one thing >that I have wrong. I have tried centering it on the page and on the >style sheet >too, but can't seem to get the right combination. > >It looks centered on my computer, but we have two more in the house >and it isn't >centered on them. I tired looking at it with IE, Firefox and Safari, all have >the same look - a table on the left. > >It is here at this link - at all of these pages A - F. > >http://www.rootsweb.ancestry.com/~mobarry/photos/index.htm ============ add this to your table style #index margin: 0px auto; } Pat ---------- Pat Geary, Microsoft MVP - Expression Web We discuss FrontPage and Expression Web http://freepages.genealogy.rootsweb.com/~gearyfamily/frontpage/ http://freepages.genealogy.rootsweb.com/~gearyfamily/expression-web/ http://www.expression-web-tutorials.com/ Migrating from FrontPage to Expression Web EBook Revised to include EW 3.0 http://frontpage-to-expression.com/
Thanks, those tips that were posted certainly helped. I noticed having the two javascript sections on the page that centers with the page and not the table makes it difficult to line all the things up accordingly. I don't know how to make it to center to the table other than to oversize it for the page. So any suggestions would be helpful. I really would like to keep the javascript but can see that in a way it is a problem. Donna Cooper ----- Original Message ---- From: Pat Geary <pat@the-gearys.com> To: rootsweb-help@rootsweb.com Sent: Fri, September 10, 2010 5:51:14 AM Subject: Re: [ROOTSWEB-HELP] Table - Centered At 10:28 PM 9/9/2010, DONNA COOPER wrote: >List Readers, I could use some help. > >I have a CSS table - with an external style sheet - that won't >center for me. I >have tried all the tricks that I know but just can't seem to find >the one thing >that I have wrong. I have tried centering it on the page and on the >style sheet >too, but can't seem to get the right combination. > >It looks centered on my computer, but we have two more in the house >and it isn't >centered on them. I tired looking at it with IE, Firefox and Safari, all have >the same look - a table on the left. > >It is here at this link - at all of these pages A - F. > >http://www.rootsweb.ancestry.com/~mobarry/photos/index.htm ============ add this to your table style #index margin: 0px auto; } Pat ---------- Pat Geary, Microsoft MVP - Expression Web We discuss FrontPage and Expression Web http://freepages.genealogy.rootsweb.com/~gearyfamily/frontpage/ http://freepages.genealogy.rootsweb.com/~gearyfamily/expression-web/ http://www.expression-web-tutorials.com/ Migrating from FrontPage to Expression Web EBook Revised to include EW 3.0 http://frontpage-to-expression.com/ ------------------------------- To unsubscribe from the list, please send an email to ROOTSWEB-HELP-request@rootsweb.com with the word 'unsubscribe' without the quotes in the subject and the body of the message