[WSG] Fw: Centering Image

[Maureen Beattie]

I have a two column fluid design with header and footer. On one short page
 after closing the #main div I want to center a picture across the page
under
 both the nav and main div.

 On previous pages I have a class clear after the main div and before the
 footer so I placed the image between the two, ie clear and footer with an
id
 of text-align: center. In IE6 the picture and caption are centered but in
 Opera, Mozilla, Firefox and Netscape the photo is sitting to the left and
 the caption is centered. The page can be viewed at

 http://www.users.bigpond.com/mabcg/philosphy.html

 (not the permanent address)

 Any ideas as to the problem would be appreciated.

 Thanks
 Maureen Beattie


*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
* 

Re: [WSG] Fw: Centering Image

[Mike Rainey]

Again, IE does it wrong. text-align:center is only supposed to align text, but IE uses 
it to align everyting the style is set to.

Try adding this to the styles for the div that controls the image:

 width: 650px;
 margin: 0 auto;

That should align it.

 
 From: Maureen Beattie [EMAIL PROTECTED]
 Date: 2004/06/17 Thu PM 01:49:07 EDT
 To: [EMAIL PROTECTED]
 Subject: [WSG] Fw: Centering Image
 
 
 
 
 
 I have a two column fluid design with header and footer. On one short page
  after closing the #main div I want to center a picture across the page
 under
  both the nav and main div.
 
  On previous pages I have a class clear after the main div and before the
  footer so I placed the image between the two, ie clear and footer with an
 id
  of text-align: center. In IE6 the picture and caption are centered but in
  Opera, Mozilla, Firefox and Netscape the photo is sitting to the left and
  the caption is centered. The page can be viewed at
 
  http://www.users.bigpond.com/mabcg/philosphy.html
 
  (not the permanent address)
 
  Any ideas as to the problem would be appreciated.
 
  Thanks
  Maureen Beattie
 
 
 *
 The discussion list for http://webstandardsgroup.org/
 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
 * 
 
 

Michael Rainey
Blog: http://raineym.dyndns.org/

*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
*