Zoom out cause overflow
Look at the picture: http://i.stack.imgur.com/Zz5CL.png
This is what I see with my standard resolution (1386 x 788). Watch what
happens when I try to zoom out on the Internet Explorer:
http://i.stack.imgur.com/eemZ8.png
Why does this happen? How to fix it? This is the code:
<html>
<head>
<style>
#pages{
width: 190px;
height: 100px;
border: 1px solid black;
}
.p{
float:left;
width: 100px;
height: 100px;
}
.i{
float: right;
width: 80px;
border: 1px solid black;
}
</style>
</head>
<body>
<div id="pages">
<img class="p" src="a.jpg"/>
<div class="i"> Lorem... </div>
</div>
</body>
No comments:
Post a Comment