WM
-
Posts
25 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by WM
-
Сперва, предлагаю начать вс? с чистого листа и действовать так: <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> #pageMenu { background: #FAE7E7; /* float: left; */ /* выводит див меню из потока, чтобы из него не вылазили флоатнутые пункты меню <li> */ } ul { background: #CFE6B9; margin: 0; list-style-type: none; } ul li { background: #E7D6B8; float: left; width: 25%; } ul li a { border: 1px solid #A037BB; background: #E1BAEB; text-decoration: none; display: block; text-align: center; } .clearing { clear: left; /* ещ? один метод, чтобы вывведенные из потока пункты <li> не вылазили за границу pageMenu */ height: 0px; overflow: hidden; } </style> </head> <body> <div id="pageMenu"> <ul> <li><a href="#">menu 1</a></li> <li><a href="#">menu 2</a></li> <li><a href="#">menu 3</a></li> <li><a href="#">menu 4</a></li> </ul> <div class="clearing"><!-- либо использовать этот clearing див, либо его убрать и задать float: left для #pageMenu --></div> </div> </body> </html> Затем ? исправлять оставшиеся косяки отображения. Коих я пока вижу три: 1. Совершенно особенное отношение Firefox к спискам (а точнее ? к отступу слева, где был маркер). Самому интересно узнать, как это лечить. 2. Нежелание ИЕ реагировать на display: block; у . 3. Бешенное "попиксельное" моргание и перенос последнего [*] строчкой ниже/выше, при уменьшении размера окна ИЕ. Пусть меня поправят эксперты, ежели я в ч?м-то ошибся. П.С. Все background: #color ? для наглядности.
-
img, вылезающая за пределы div?а в Opera при уменьшении размера окна
WM replied to WM's question in HTML Coding
Хех, так просто, что сам не додумался. Спасибо! -
img, вылезающая за пределы div?а в Opera при уменьшении размера окна
WM posted a question in HTML Coding
Имеется код: <!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 - при достижении правой границы картинки, див переста?т сжиматься. Спасибо.