Added margins on firefox/opera

[isvaljek]

Why is there more margin than specified when browsing with firefox or opera compared to ie that displays the requested 10px top margin?

The page in question is http://www.stjepansvaljek.com/default.aspx

The margin is specified for a topmost table in the document, inline:

<form style="height:100%">
<div>
<table style="margin-top:10px"> ... </table>
...
</div>
</form>

[ray326]

Start with * { margin:0; padding:0 } in an embedded style sheet.

[BrettNooyen]

You can go even more in depth with resetting stylesheets too.

Resetting Stylesheets (http://blogs.ittoolbox.com/webdesign/bnooyen/archives/starting-from-scratch-resetting-stylesheets-19785)

[LeeU]

This (http://www.csschimp.com/the_css_box_model.php) might help to explain the problem.

[isvaljek]

Start with * { margin:0; padding:0 } in an embedded style sheet.

Thanks, that did the trick. Now I only have to figure out why .

[BrettNooyen]

If you read the link I posted you could gain some insight as to why... different browsers use different program stylesheets, in which they are different to start with... when you reset all styles initially you are starting from a clean slate