The problem is not doctypes, but the actual difference in the way IE and Firefox treat box objects.
When you define the size of a box object, IE uses that size as the outside edge of the margin. So the margin, border, and padding are all INSIDE that dimension.
When you define the size of a box object, FF uses that size as the inside edge of the padding. So the margin, border, and padding are all OUTSIDE that dimension.
So the trick is to make sure the box object you define a size for has no margin, border, or padding.
Your images are breaking apart, which means they are not uploaded as single images. Why are you doing that? It's stupid. Upload images as complete image files, and they will stay together.
I can see where padding or margins on objects causes the sliding over of some objects. Use the following style as a class to take away these attributes from your box objects, and they will fit together properly:
[code]
.fxbox {margin: none; border: none; padding: none;}
Last edited by MidiMagic; Jul 13th, 2007 at 6:45 am.
Reputation Points: 730
Solved Threads: 181
Nearly a Senior Poster
Offline 3,314 posts
since Jan 2007