Forum Moderators: not2easy
Check the simple code which I use for <div></div> tags:
.head {
width: 100px;
height: 100px;
padding: 10px 10px 10px 10px;
}
In FF the width of this div is exactly 100px, but in IE - 120px. Any solutions how to make width 100px in both browsers?
Thanks.
Could you clarify a little?
<div class="head"></div>
This is the code of html file.
I open this html file in FireFox. View is ok - div's width is 100 pixels. Then I open it in Internet Explorer. View is wrong - div's width is 120 pixels. Why?!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Thanks.
The fix--and sorry, but without code it's impossible to be more specific than to say 'read this stuff'--is to ensure that both browsers render the page in standards mode instead of quirks mode [google.com]. Usually this can be achieved just by adding a complete doctype [google.com] to your documents as jessejump has already suggested, but there may be other factors at work causing IE to render in quirks mode even if a proper doctype is present.
Start by running your pages through the html [validator.w3.org] and css [jigsaw.w3.org] validators and correcting the problems they flag.
-b
then redeisgn a one that is
.head{
variable
}
to make it work for IE
If you have further questions, let me know
