It was recommended I try...
<table align="center">
...
</table>
...but I couldn't get it to work. But googling the tag got me a neat
page with script that did the job...
Center a table with CSS
http://www.granneman.com/webdev/coding/css/centertables/
div.container {width:98%; margin:1%;}
table.center {text-align:center; margin-left:auto; margin-right:auto;
width:970px; padding:10px}
tr,td {text-align:left;}
And for the multiple column tables what worked best for me was from...
Source Ordered Columns
http://www.positioniseverything.net/ordered-floats.html
<div class="rigid">
<h2>Header</h2>
<div class="float-wrapper-rigid">
<div class="first-float-rigid">
<p>One One One One One One One One One</p>
</div>
<div class="second-float-rigid">
<p>Two Two Two Two Two Two</p>
</div>
</div>
<div class="third-float-rigid">
<p>Three Three Three Three Three</p>
</div>
<p class="clearfooter>Clearing Footer</p>
</div>
The CSS:
.rigid {width: 600px; margin: 0 auto;}
.float-wrapper-rigid {float: left; width: 450px;}
/*** This can be floated left or right ***/
.first-float-rigid {float: right; width: 300px;}
/*** This must be floated opposite
to .second-float ***/
.second-float-rigid {float: left; width: 150px;}
/*** This must be floated opposite
to .first-float ***/
.third-float-rigid {float: right; width: 150px;}
/*** This must be floated opposite
to .float-wrap ***/
.clearfooter {clear: both;}
p {padding: 10px;}
Michael
--- In BbshopWebGuild@yahoogroups.com, "Michael Baribeau"
<michaelbaribeau@...> wrote:
>
> So, I fianly found a 3 column table that does the job I want in most
> browsers. But I also have an html table I want to keep and am having
> trouble centering again in IE (firefox ok). Not sure why it won't
> work this time. If I force a <center> tag in I can get the html to
> center in IE but then none of the static photos will display. Any
> ideas?
>
> http://pioneerdistrict.org/troubadour/
>
> Michael
>
>
>
>
> --- In BbshopWebGuild@yahoogroups.com, Michael Baribeau
> <michaelbaribeau@> wrote:
> >
> > .
> > LOL, sorry fellas!
> >
> > I thought I was posting to a newsgroup called the Barbershop
> Webmasters Guild, a great bunch of barbershop geeks from all over the
> country who have been a huge help with our chorus website. If your
> working on a website and have questions come join up with us!
> BbshopWebGuild-subscribe@yahoogroups.com
> >
> >
> > Michael Baribeau
> > Webmaster@
> > http://GreatLakesChorus.org
> > Grand Rapids, MI
> >
> >
> >
> >
> >
> >
> >
> > Michael Baribeau <michaelbaribeau@> wrote:
> > Thank you Jerome Gobuyan, Stephen Volkmann, and David
> Maxwell for your contributions!
> >
> > I'm just a novice with more enthusiasm then knowledge but I'm
> learning. I'm fuzzy on html and don't know much about css. I'm using
> the free Nvu wysiwyg html editor.
> >
> > Since CSS has been recommended I'm trying both an html and css
> version. I'm in the dark about the css (if you know a good free css
> editor please let me know) but I'm giving it a shot.
> >
> > Both versions look fine with Firefox but in IE a few different
> things go wrong with the CSS version. BTW, I do want the table sizes
> at a set value.
> >
> > CSS version in IE the margins are suppose to be 10px and appear to
> be correct in the lower tables but not the top table, the margin is
> too narrow around the top logo photo and the blue bar with text below
> it. It all looked ok in the editor and again worked fine in Firefox
> (and ok with the the html version).
> >
> > CSS verison in IE the lower tables I want centered side by side but
> if I set both to center then one goes to the bottom so for now I have
> one set to center and one set to left. Can't figure how to get around
> that.
> >
> > CSS version in IE when the browser window is reduced to the Restore
> Down size the right lower table is moved to beneath the lower left
> table (didn't look for this in Firefox).
> >
> > For both CSS and HTML in some PCs with IE the text in the top blue
> bar is the wrong size and makes two lines of text instead of one so
> I'm thinking of just getting a screen shot of it and putting it in as
> an image instead.
> >
> > Here's the two versions, any input appreciated...
> >
> > HTML
> > http://greatlakeschorus.org/Troubadour10y.html
> >
> > CSS
> > http://greatlakeschorus.org/Troubadour15.html
> >
> >
> > Michael Baribeau
> > Webmaster@
> > http://GreatLakesChorus.org
> > Grand Rapids, MI
> >
> >
> > ---------------------------------
> > Be a better sports nut! Let your teams follow you with Yahoo Mobile.
> Try it now.
> >
> > [Non-text portions of this message have been removed]
> >
> >
> >
> >
> >
> >
> > ---------------------------------
> > Be a better pen pal. Text or chat with friends inside Yahoo! Mail.
> See how.
> >
> > [Non-text portions of this message have been removed]
> >
>