Home/ Questions/Q 7051551
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T03:16:37+00:00

has anyone had any experience with thin images in the html box model? ie

  • 0

has anyone had any experience with thin images in the html box model?

ie
this code is killing me:

<!DOCTYPE html>
<html>
<head>
</head>

<body>
<img src="myimage1.jpg" border="1" /></div>
<img src="myimage2.jpg.jpg" border="1" />
</body>
</html>
where both images are like 6px height and 960px wide

in a standard box model ie:

<html>
<head>
</head>

<body>
<img src="myimage1.jpg" border="1" /></div>
<img src="myimage2.jpg.jpg" border="1" />
</body>
</html>

this works as expected

can someone tell me how to make number 1 work like number two

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I am going to guess what you are encountering.

    <img src="myimage1.jpg" border="1" /></div>

    What is happening –

    Modern browsers/parsers, especially picky ones like Chrome will try to repair your code instead of ignoring the /div to make it semantic. If you are using developer tools, right click to inspect the element and you may notice that the browser has added a <div></div>

    This is defined by the html5 <!DOCTPE html> which will make sure the browser forces it into a more strict mode rather than a quirks mode

    Also
    changing the css for the image in the strict mode display:block; or vertical-align:bottom; will give you something similar to the quirks version

    • 0