Forum Moderators: not2easy

Message Too Old, No Replies

why they sit in different position in IE and Firefox browser

         

xbl01234

3:23 am on Jun 15, 2008 (gmt 0)

10+ Year Member



Hi:
I'd like to ask you why my image sit in different position from IE and Firefox browser.

my code as following;


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<style type="text/css">
#image{
position: absolute;
right: 18px;
top: -10px;
padding:0;
border: 2px dashed red;

}

#img1{
position: relative;
padding: 0;
border: 2px dashed #32ed19;
margin:auto;

}
</style>
</head>

<body>
<div id="image">
<img id="img1" src="firstcar.JPG" alt="myfirstcar">
</div>

</body>
</html>

4css

1:13 pm on Jun 15, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



It has to do with the box model. In IE and FF they both look at it differently.

You can do a google on the box model and do some reading on it.

xbl01234

10:21 am on Jun 16, 2008 (gmt 0)

10+ Year Member



Thanks a lot, i will find it out from google.

4css

11:15 am on Jun 16, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi xbl01234

I just wanted to drop by and see how you are doing with this?