Hi,

I have put a block with some small images in the header position and I see that results differ in various browsers. Firefox 3.5.x on Windows and Linux work as expected, as well as Chrome 4.1x and 5.0, IE8 and Safari 4.0.5 on Windows. IE7 places the header to low and the Intro blocks too high so they overlap. Opera 10.53 places only the header to low but keeps the right distance to the Intro blocks.

See the attached screenshots for examples of firefox and IE7.

What can I do about it? I'm not a CSS expert to solve such browser incompatibilities.

Regards,
Paul

CommentFileSizeAuthor
#1 screenshot.blocks-in-firefox.jpg97.12 KBpaul@poetsma.nl
#1 screenshot.blocks-in-IE7.jpg102.05 KBpaul@poetsma.nl
#1 screenshot.firefox-OK.jpg114.46 KBpaul@poetsma.nl
#1 screenshot.IE7-BAD.jpg127.87 KBpaul@poetsma.nl

Comments

paul@poetsma.nl’s picture

paul@poetsma.nl commented
StatusFileSize
new screenshot.IE7-BAD.jpg127.87 KB
new screenshot.firefox-OK.jpg114.46 KB
new screenshot.blocks-in-IE7.jpg102.05 KB
new screenshot.blocks-in-firefox.jpg97.12 KB

Forgot the attachments; here they are :-)