Здравствуйте. Проблема такая, есть код. При изменении размеров страницы картинка из блока listImg налезает на другие блоки, как этого избежать. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> <style type="text/css"> #list { width: 50%; margin:0 auto; } #listImg{ background-color:#FF6; width:16%; float: left; } #listRight { margin-left:16%; } #listTitle { background-color: #FFF; } #listDscrpt { margin-top:2px; background-color:#0F0; } </style> </head> <body> <div id='list'> <div id="listImg" align="center"><img style=" vertical-align: sub" src="0001.jpg" width="100" alt="Image" /></div> <div id='listRight'> <div id='listTitle'><p>Text</p> </div> <div id='listDscrpt'>Text </div> </div> </div> </body> </html>
