My nephew and I created a sales letter in Dreamweaver CS4. The sales letter works fine when previewed in IE Explorer. But in Firefox, the placement of some images is off and some elements are overlapping. We're not sure exactly where the problem is. The site is: http://www.makebigmoneyblogging.com/ You'll notice how different it looks in Firefox and IE. Can somebody direct us to the problem? There's obviously an issue somewhere with the spacing of elements which doesn't read correctly in Firefox.
Actually, you have that backwards... IE doesn't read correctly. Ever. It interprets the code incorrectly. FireFox on the other hand follows the coding standards and thus is how the page should look. However, I know that doesn't help you much so here are some tips. I've looked at your code and it is a mess. I know that doesn't help you much but it is pretty hard to follow. First of all, I suggest maybe starting over and name your layers properly. Layer-1, Layer-2, etc is too hard to follow. You need to use descriptive layer names so you know what is what. Also, I can tell you that your use of the </br> tag is being used incorrectly. If you want to create space between layers you do that using CSS codes like margin and padding. Also, if you are using any floating elements, be sure to clear the float afterward or you will generally run into problems like the ones you are experiencing. For more information on that visit w3schools.com. I hope this helps somewhat. Code for FireFox first, then fix that crap that looks wrong in IE and your page will be correct.