Firefox IE differences

[eraserhead]

I've designed my site using internet explorer 6, its a very simple design just nav bar and image on front page.

I was a bit surprised when I viewed it using Firefox, the image appears below the nav bar text without the space <br /> that I have on my image template.

If I put in two spaces <br /><br /> then firefox views that as one space...

If I put 10px padding on the nav bar (light.css template) firefox doesn't notice, if I put 20px then it displays as if 10px or one <br /> has been added...

Whats going on... any ideas?

Check it out...

http://www.6180339887.com

I'm freakin out...!

[Ubbe]

the image appears below the nav bar text without the space <br /> that I have on my image template.

the first <br /> does not give a space, but merely moves it a line down. insted of using a <br /> you should apply a padding or margin to your nav bar or image, or you could put in a div width width:100% and height:x-px depending on how much space you want.

If I put 10px padding on the nav bar (light.css template) firefox doesn't notice, if I put 20px then it displays as if 10px or one <br /> has been added...

I can't really just like that tell you what the issue is, but I would try putting the image in a div, and see if that doesn't help.

[dakwegmo]

You really should avoid using <br />'s for layout spacing. For spacing the layout you want to stick to padding and/or margins (depending on how you want to space it).

I would try putting the image in a div, and see if that doesn't help.

I'll second this. Putting everything in a container makes the page flow a lot better and gives you a lot more control over positioning.