img, вылезающая за пределы div?а в Opera при уменьшении размера окна

WM · July 7, 2007

Имеется код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>title</title>
<style type="text/css">

.content {
	text-align: center;
	padding: 20px;
	margin-bottom: 10px;
	border: 1px solid silver;
}
.b-content {
	padding: 20px;
}

</style>
</head>
<body>
<div class="b-content">
	<div class="content">
		<img src="img1.jpg" width="735" height="512" />
	</div>
	<div class="content">
		<img src="img2.jpg" width="736" height="512" />
	</div>
</div>
</body>
</html>

При уменьшении размера окна Opera и Firefox, картинки начинают вылазить за правую границу дивов. Можно ли это побороть не прибегая к фиксированной ширине .content и как? Плюс, надо сохранить центрирование блоков "по центру страницы". Желаемый результат: как в IE - при достижении правой границы картинки, див переста?т сжиматься.

Спасибо.

Tokolist · July 7, 2007

задай для .content min-width

WM · July 7, 2007

Хех, так просто, что сам не додумался. Спасибо!

Sign In

img, вылезающая за пределы div?а в Opera при уменьшении размера окна

Question

WM

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Tokolist

Link to comment

Share on other sites

WM

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information