Hello
When i run the following testing code using ie, everything looks fine, the problem occurs when using firefox
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style>
body{
margin:0px;
}
.ruler{
width:200px;background-color:black;
}
.someBox{
width:200px;
border: solid 5px yellow;
background-color:red;
}
</style>
</head>
<body>
<div class="ruler">ruler</div>
<div class="someBox">other</div>
</body>
</html>
ive noticed that ie will display the 5px border without altering the width, inside the box, therefore keeping the set width; firefox
adds the 5px border to the box (i think thats how it should really be), making the total width be equal to 210px. That completely screws up my page layout, is there some sort of workaround to that?
thanks in advance.