Aladdinych
Member | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Сделал html заготовку страницы с резиновой версткой и столкнулся с проблемой. Вот код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Документ без названия</title> <style> html, body { margin: 0px; } #cheader { margin:0; width: 100%; background-color: #00ff00; } header img{ width: 100%; margin:0; padding:0; } </style> </head> <body> <div id="cheader"><img src="images/banner3.jpg" /></div> </body> </html> В результате высота div получается по высоте на 5px больше чем изображение. Несмотря на то, что и в свойствах div и в свойствах img указано margin 0 padding 0 проблему победить не удалось. Однако если заменить <!DOCTYPE html> на <!DOCTYPE html PUBLIC> проблема чудесным образом излечивается. Но насколько я понимаю такая запись <!DOCTYPE html PUBLIC> не является правильной. В чем причина появления этих лишних 5px? Можно ли их победить как-то иначе? | Всего записей: 322 | Зарегистр. 18-10-2005 | Отправлено: 10:35 30-10-2014 | Исправлено: Aladdinych, 10:45 30-10-2014 |
|