>- see footer for list info -< HTML used to be so simple... I think it's easier to do CFML than HTML now with all these CSS, cross browser issues.
> -----Original Message----- > From: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] On Behalf Of Paul Johnston > Sent: 10 December 2004 13:21 > To: Coldfusion Development > Subject: Re: [CF-Dev] Strange layout behaviour > > >- see footer for list info -< > On Fri, 2004-12-10 at 12:03 +0000, Damian Watson wrote: > > >- see footer for list info -< > > One way is to have body style of text-align:center then specify a > > fixed width for your div. This will center all content > however so you > > need a style on the div: text-align:left. > > This (unfortunately) is NOT the correct way to do it! This > is broken in various browsers. > > Try this in both Firefox and IE and you'll see what I mean. > > ---code--- > <html> > <head> > <style type="text/css"> > body { > text-align: center; > } > .centeredDiv { > width: 80%; > text-align: left; > border: 1px solid #666666; > } > </style> > </head> > <body> > > <div class="centeredDiv"> > <p>Hello!</p> > </div> > > </body> > </html> > ---code--- > > The div does NOT "center" align at all! There is actually no > simple way of "centering" content using cross-browser CSS in > XHTML (wouldn't it be nice if there was). > > For more info on how to "center" properly, take a look at this: > > http://www.sitepoint.com/forums/printthread.php?t=213250 > > There are many and varied CSS things out there, but the basic > idea is that using: > > margin: 0px auto; > > will center a div in Firefox (and most others) and for IE you do this: > > body { > text-align: center; > } > #container { > margin-left: auto; > margin-right: auto; > text-align: left; > } > > This isn't entirely perfect, but works a darn site better > than what was previously emailed and works in Firefox! > > Paul > > -- > Paul Johnston <[EMAIL PROTECTED]> > > _______________________________________________ > > For details on ALL mailing lists and for joining or leaving > lists, go to http://list.cfdeveloper.co.uk/mailman/listinfo > > -- > CFDeveloper Sponsors:- > >- Hosting provided by www.cfmxhosting.co.uk -< > >- Forum provided by www.fusetalk.com -< > >- DHTML Menus provided by www.APYCOM.com -< > >- Lists hosted by www.Gradwell.com -< > >- CFdeveloper is run by Russ Michaels, feel free to > volunteer your help > >-< > _______________________________________________ For details on ALL mailing lists and for joining or leaving lists, go to http://list.cfdeveloper.co.uk/mailman/listinfo -- CFDeveloper Sponsors:- >- Hosting provided by www.cfmxhosting.co.uk -< >- Forum provided by www.fusetalk.com -< >- DHTML Menus provided by www.APYCOM.com -< >- Lists hosted by www.Gradwell.com -< >- CFdeveloper is run by Russ Michaels, feel free to volunteer your help -<
