Help needed with the following style sheet

[zanoni]

Help needed with the following style sheet

http://www.pbase.com/zanoni/a_photo_a_day

Although this looks ok with IE 5/ 6, the title bar (name of picture and location) looks wrong under Netscape and Mozilla

for example

http://www.pbase.com/image/24978113

01-09-04 - Imperial War Museum in the North
Salford Quays, Manchester, UK

moves to the left hand side of the page under the above two browsers.

Anyone know what I am doing wrong?

Any help greatly appreciated

Steve

[alangrant]

Try adding the following to the h3{ } properties in your style sheet

Code: Select all

margin-left: auto;
margin-right: auto;


This should work in Mozilla, you will need to test it in IE but I think it should be OK.

I think IE sometimes confuses centering text (controlled by the text-align property) and centering blocks (generally controlled by the margin properties). In your example it was wrongly centering the h3 heading blocks, which just happened to produce the result you wanted.

Hope this works out - browser differences are a pain!