I've been trying to make my page display correctly in Firefox and IE.
<!-- m --><a class="postlink" href="http://www.worldcycle.co.uk/newsite">http://www.worldcycle.co.uk/newsite</a><!-- m -->
The problem is with the right side of the page, particularly up at the header and footer: in IE it displays correctly but in Firefox the header and footer run over the border by 2px.
If I try shortening them by 2px to display correctly in Firefox, the page does then not work in IE.
How can I fix this and make sure IE and Firefox are using the same measurements?
I've added this code into my stylesheet but the problems above remain:
div
{
-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0px;
}
You can see the entire stylesheet here (<!-- m --><a class="postlink" href="http://www.worldcycle.co.uk/newsite/style.css">http://www.worldcycle.co.uk/newsite/style.css</a><!-- m -->)
Any help would be very appreciated!What's that proprietary div stuff supposed to get you? It looks ok to me when I disable that. The conventional wisdom is to make it right in FF then tweak if necessary for IE.Thanks ray, you're right...
I had used that code as a fix to an earlier problem (can't remember exactly what it was!) - but now it seems there isn't a problem without it anyway
<!-- m --><a class="postlink" href="http://www.worldcycle.co.uk/newsite">http://www.worldcycle.co.uk/newsite</a><!-- m -->
The problem is with the right side of the page, particularly up at the header and footer: in IE it displays correctly but in Firefox the header and footer run over the border by 2px.
If I try shortening them by 2px to display correctly in Firefox, the page does then not work in IE.
How can I fix this and make sure IE and Firefox are using the same measurements?
I've added this code into my stylesheet but the problems above remain:
div
{
-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0px;
}
You can see the entire stylesheet here (<!-- m --><a class="postlink" href="http://www.worldcycle.co.uk/newsite/style.css">http://www.worldcycle.co.uk/newsite/style.css</a><!-- m -->)
Any help would be very appreciated!What's that proprietary div stuff supposed to get you? It looks ok to me when I disable that. The conventional wisdom is to make it right in FF then tweak if necessary for IE.Thanks ray, you're right...
I had used that code as a fix to an earlier problem (can't remember exactly what it was!) - but now it seems there isn't a problem without it anyway