>- see footer for list info -< Don't forget accessibility :-)
______________________________________________________ Richard Lovelock | Capgemini | Southbank Senior Applications Analyst | Web Support, Westminster City Council Office: 0870 906 7482 | [EMAIL PROTECTED] 95-97 Wandsworth Road, London, SW8 2HG Join the Collaborative Business Experience ______________________________________________________ -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Russ Michaels (Snake) Sent: 10 December 2004 14:00 To: 'Coldfusion Development' Subject: RE: [CF-Dev] Strange layout behaviour >- 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 >-< This message contains information that may be privileged or confidential and is the property of the Capgemini Group. It is intended only for the person to whom it is addressed. If you are not the intended recipient, you are not authorized to read, print, retain, copy, disseminate, distribute, or use this message or any part thereof. If you receive this message in error, please notify the sender immediately and delete all copies of this message. _______________________________________________ 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 -<
