Looks good in IE7 but not FF

[Darylt]

Can someone please tell me how I can get my webpage to look the same in Firefox as it does in IE7.

I only have problems with text in the header of the website.

The code for the header text looks like this;

 <div id="header">
<div id="mainFeaturedRight">
 <h5 align="left" class="style6">Lore Ipsum </h5>
 <h5 align="left" class="style6"> &amp; dolor sit amet</h5>
 <h1 align="center"> ...to Search, Locate &amp; Recover </h1>
 </div>
<div class="style1" style="clear: right;">
 <div align="center"><strong>Registration Number - 12345678</strong></div>
</div>
 </div>

[edited by: tedster at 12:29 am (utc) on Aug. 12, 2008]
[edit reason] no urls or specifics, please [/edit]

[tedster]

A couple things - first, whenever you have a cross-browser issue, make sure your markup is valid. Errors will trigger different error recovery routines in different browsers, so it there is an error, you may not be ABLE to get the same appearance cross-browser.

Second thing - different browsers give different default padding and margins to elements. So it helps a lot to use CSS and ensure that your mark-up declares the same margins, padding, and font size for the elements you are working with.

And finally, it looks like you are using H tags for the way they render on screen instead of for the semantic information that they offer. H tags should form a kind of outline, with H1 being the main topic of the page (there usually should be just one) H2 being use for sub-topics, H3 for sub-sub-topics and so on.

You should use the H tags in that fashion only, and use CSS to set the rules for how each of them is rendered on screen.

[ridingforlife]

It's best to get your website working in FF and other browsers first before IE. They will all work most of the time, IE is the odd one out. Then use IE conditional comments if IE is not working like FF and the rest.