indexmsk
-
Posts
4 -
Joined
-
Last visited
indexmsk's Achievements
Explorer (1/14)
0
Reputation
-
Друзья, а никто не может объяснить мне такую штуку: Mozilla Firefox не понимает padding в процентах для input-полей. Простой код: <html> <body> <input type="text" style="width:80%; padding:0 10%;"> </body> </html> Во всех браузерах, кроме Лисы, input растянется на 100% и будет иметь внутренние отступы по 10% с лева и справа. В чем проблема Лисы и есть ли решение?
-
Друзья, такой вопрос. Есть тег: <p class="class1 class2">content</p> Описание классов находится в разных таблицах css1 и css2 соответственно. Выглядит это описание так: .class1 {margin-bottom:20px;} .class2 {margin-bottom:0;} Таблицы вызываются в документе так: <link rel="stylesheet" href="css2.css" type="text/css" /> <link rel="stylesheet" href="css1.css" type="text/css" /> Т.е. таблица с классом .class2 идет первой, а .class1 - вслед за ней. А теперь вопрос. Простая логика подсказывает мне, что .class2 должен иметь приоритет над .class1, т.к. он приписан к тегу последним. На практике все совсем не так, и параграф имеет отступ в 20 пикселей. Почему так происходит? Порядок вызова таблиц имеет значение?
-
Друзья, все мы сталкивались с необходимостью "прибить" футер к низу страницы. Также мы знаем, что есть два различных подхода к этой задаче: 1. Прибить футер с помощью position:absolute. Здесь все просто: HTML <body> <div class="wrapper"> <div class="content"> Lorem ipsum dolor sit amet </div> <div class="footer"> Consectetur adipisicing elit, sed do eiusmod tempor </div> </div> </body> CSS (вариант 1) html, body { width:100%; height:100%; } .wrapper { position:relative; min-height:100%; } .content { padding-bottom:200px; } .footer { position:absolute; bottom:0; width:100%; height:200px; } CSS (вариант 2) ... .footer { position:absolute; top:100%; margin-top:-200px; width:100%; height:200px; } 2. Прибить футер с помощью отрицательного значения margin-top. HTML <body> <div class="content"> Lorem ipsum dolor sit amet </div> <div class="footer"> Consectetur adipisicing elit, sed do eiusmod tempor </div> </body> CSS html, body { width:100%; height:100%; } .content { position:relative; min-height:100%; padding-bottom:200px; } .footer { position:relative; margin-top:-200px; height:200px; } Давайте обсудим, какой вариант идеологически правильный? С каким меньше хаков надо дописывать, какой вариант больше возможностей дает? Какой вариант чаще всего используете вы?
-
Здравствуйте. Никак не могу сделать так, чтобы блок принял высоту в 100%. HTML <body> <div class="container"> <div class="layout"> Контент </div> </div> </body> CSS html, body { width:100%; height:100%; } .container { position:relative; min-height:100%; } .layout { height:100%; } Блок с классом layout никак не принимает высоту в 100%. Как поправить?