PBase

I would like to think that no one uses Internet Explorer anymore, but some still do. My problem is that my gallery header text does not center on IE (it looks fine on firefox). Rather the block of text is all the way to the left side.

http://www.pbase.com/jlamarca

I'm using my own CSS and I think the problem lies in this section of code:

DIV.galleryheader {
width : 90%;
margin-right : auto;
margin-left : auto;
text-align:center;
font-size:10pt;
}

Changing the width to a pixel value does not solve the problem.

Any suggestions?

Hi !

Just had a very quick look, try this:

Make your #galleryheader 100% in width instead of 90% - and then make the #intro DIV 90% in width. That should do it.

Hope this makes senes, let me know if this works, if not I'll look into it a bit more.

regards,

Flemming

I've tried all sorts of combinations with width % and margins, for both the #intro and the # DIV galleryheader. I can get the main gallery page with #intro to look OK, but for the gallery headers in the individual galleries, nothing seems to come out looking centered on both firefox and IE at a variety of window sizes. So I'm settling on a compromise.

Weird...I've had a look again, and I can't see why what you're doing shouldn't work. It's really weird, I don't see why IE wouldn't center this DIV as far as I can see you've done everything right.

I'll have a look again at some point, I can't believe I can't crack this

When adding the text in the html section, are you using a center tag at text begging? Text is aligning to left in IE within the table, even though you've centered the table.