savinzeek
-
Posts
10 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by savinzeek
-
Да, height:0 сработало. Такое решение мне подходит. Спасибо.
-
Если можно коды css и html
-
Добрый день. Есть интересная проблема. У меня плавающие блоки, всем задан float, а после этих блоков идет блок с clear:both Как всегда во всех браузерах все ок, а вот IE.... <!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" xml:lang="ru"> <html> <head> <title>Goodzabox-Текущие доставки</title> <link rel="stylesheet" type="text/css" href="ex_1.css" media="all"/> </head> <body> <div id="padding_5"> <div class="left item"> Photo </div> <div class="left item"> Price </div> <div class="left item"> BamBam </div> <div class="clear_both"> </div> </div> </body> </html> Это CSS BODY{ margin:0; font:12px Arial, sans-serif; color:#000; } #padding_5{ width:640px; background-color:#dedede; padding:5px; border:1px solid black; } .item{ width:200px; background-color:#fff; margin:0 5px; border:1px solid black; } .left{ float:left; } .clear_both{ clear:both; padding:0px; } Так вот вопрос, почему IE добавляет padding для блока с clear:both Как это стоит обойти может кто-то знает. Да, можно заменить один padding у родителя и добавить margin дочерним, но просто это упрощенный пример и дочерние блоки могут иметь разные id/class и каждому добавлять margin не хочется. Может есть универсальный способ. Принудительный padding:0 для clear_both ничего не дал.
-
Как полностью заполнить область область родительского блока дочерними
savinzeek replied to demoncheg's question in HTML Coding
А html код можно -
а вы создаете для всех input эти границы или же присваиваете им класс?
-
это финальная картнка с высотой проблем никаких. я ведь высоту указываю только для дива. для img у меня только ширина
-
Да вы правильно поняли проблему. И правильное решение это - max-width:70px; Жаль что сам не додумал. Огромное спасибо за помощь.
-
это что есть сейчас это если убрать у img width:70px;
-
<div id="item_other_photo"> <div class="other_photo"> <img src="images/delete.png"/> </div> <div class="other_photo"> <img src="images/blogs_article_img.png"/> </div> <div class="other_photo"> <img src="images/other_photo.png"/> </div> </div> .other_photo{ display:table-cell; vertical-align:middle; text-align:center; width:70px; height:70px; overflow:hidden; } .other_photo img{ width:70px; } вот
-
Добрый день. Есть страница с дивами в них картинки, ниже картинок идет описание. Картинки добавляют пользователи, следовательно размер их не известен. Необходимо размещать картинки так, чтобы они были по центру блока. Маленькие картинки я центрую с помощью задания для блока правил: display:table-cell; vertical-align:middle; text-align:center; width:100px; height:100px; Большие врезаются в блок с помощью задания ширины(100px) для картинки и высоты блока(100px + overflow:hiddden). Так как стоит ширина картинки, то маленькая картинка растягивается на всю ширину, а если убрать ограничение по ширине, то большая картинка растянется на свою ширину. Как сделать чтоб и большие, и маленькие картинки могли существовать на одной странице? Спасибо.