Positioning in IE7 messed up

[mattdeck]

Hi there,

my webpage is not completely done yet, but as I was testing it in Firefox, Opera, Safari and IE7, I ran into a problem.

The page looks fine in all Browsers except IE7 where the positioning of the first part of the picture is too high.

Since IE7 is one of the most used browser, I need this page to be compatible with it - as well as with the other Browsers.

The Page is
www.floridaliveonline.com

I'm still in the learning stages, so please tell me also other problems you se with my page.


Thanks in advance,

Matt

[tburger]

By default, every modern browser has its own style sheets for the basic html elements. This means that your picture may look different in a certain browser if you aren't accounting for these differences. Firefox might have a margin of 1px while another browser might have no margin at all. This can throw off alignment.

At the beginning of your style sheet, you can over-rule these preset browser styles by using a "global reset".

The syntax is :

*{
margin: 0;
padding: 0;
}

The " * " character means that these rules will apply to ALL element in your HTML. This should give you uniform positioning in these browsers.

Be careful in using this, however. It should work with your page because you have no drop down menus or forms. But this global reset might affect those elements in more complex pages.

Hope this helps,

Tom