|
 490 байт |
|
| День добрый. Суть проблемы такова: требуется, чтобы при недостаточном количестве текста картинка (обведено зеленым) не выходила за пределы "красного блока".
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
#section{
border: 1px solid red;
padding: 10px;
margin: 0 0 10px 0;}
#section img{
border: 1px solid green;}
#section div#left{
text-align: center;
float: left;
margin: 0 10px 0 0;}
</style>
</head>
<body>
<div id="section">
<div id=left>
<img src="" width="200px" height="350px">
</div>
<p>Текст.</p>
</div>
</body>
</html>
|
| |
|
|
|
|
|
|
|
для: Vlad-on
(18.09.2009 в 11:16)
| |
#section {
overflow: hidden;
zoom: 1;
}
|
| |
|
|
|
|
|
|
|
для: mihdan
(18.09.2009 в 11:56)
| | Ок. Вроде работает. Большое спасибо.
А вопрос: zoom: 1; это зачем? Вроде и без него работает... | |
|
|
|
|
|
|
|
для: vlad-on
(18.09.2009 в 12:09)
| | это для ИЕ 6 | |
|
|
|
|
|
|
|
для: Lelik
(18.09.2009 в 12:16)
| | Понял. Еще раз спасибо. | |
|
|
|