TCSE веб-студия | Основное | Скрипты и советы | Блог им. romanoza / Все те же 100% height и margin

Блог им. romanoza / Все те же 100% height и margin


Все знают историю про блочную модель с отступами и шириной в старых версиях IE и с "консорциумной" моделью. И все-таки, если я хочу сделать div со стопроцентной высотой и отступами от родителя, то высота слоя увеличивается на величину этого отступа. Имеется ввиду кроссбраузерное решение без подкладывания пустых дивов для отступа. (http://www.csscreator.com/node/12238) Как быть?
Далее код примера и изображения


Источник: Уроки CSS на Хабрахабре


Уважаемые посетители,
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.
Обратная связь
Наш специалист ответит вам в течении суток.


28 ноября 2008  0   3 209   Версия для печати


Похожие публикации

Web-разработка / Ссылка AM framework (HTML+CSS+JS)

Данный фреймворк, есть не что иное, как шаблон сайта "на все случаи жизни". Я ни в коем случае не претендую на лавры творца! И абсолютно не надеюсь на признание моей верстки идеальной. Весь... читать далее

Блог им. RayZ / Задача: Кнопки в Internet Explorer и волшебные пространства

Столкнулся с проблемой укрощения кнопок под Internet Explorer. Для наглядности имеем следующий код: < html > < style type ="text/css" > .hacked { width:auto; overflow: visible;... читать далее

Блог им. madduck / Print.css — стиль для печати для wordpress

Я заметил на многих сайтах отсутствует отдельный стиль для печати. То есть, если кто-то захочет распечатать какой-либо материал с сайта, то на бумаге он будет выглядеть почти так же как и в сети,... читать далее

.NET / Ссылка Fizzler: A CSS Selector Engine for C#

Библиотека, которая позволяет в C# парсить строки с html, используя CSS-селекторы: SelectorEngine engine = new SelectorEngine(htmlString); IList nodes = engine.Parse("#p>a"); Источник:... читать далее

Intermediate CSS3 Hover Effects. Пошаговый туториал. Часть 1

Эта статья является логическим продолжением моей предыдущей статьи, посвященной основам CSS3 transitions и, если в ней я показывала принципы работы этих основ на простых примерах, сейчас я хотела бы... читать далее

Блог им. AYShestakov / [Ссылка] Еще одна «песочница» для CSS+HTML

Эту песочницу можно использовать для различных экспериментов с CSS и HTML в различных браузерах (IE не поддерживается похоже совсем). http://jsfiddle.net/ вроде бы как предоставляет больший... читать далее

Прокомментировать


@

  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent

Портфолио 100 Проекты 5 Продукты 34 Мы рекомендуем Советы 1169 Маркетинг и SEO 361 Дизайн-макеты 4 Инструкции 6

Облако тегов
angular CSS css es6 frontend habrahabr.ru HTML html html5 javascript JavaScript js react ReactJS seo SEO на Хабрахабре skillfactory vue Блог компании RUVDS.com Блог компании SkillFactory Веб-дизайн Дизайн Интернет-маркетинг Поисковая оптимизация Программирование Разработка веб-сайтов Уроки CSS на Хабрахабре автомобильный сайт браузеры верстка вёрстка дайджест дизайн интернет-магазин корпоративный сайт модуль разработка ссылки фронтенд

Показать все теги

Архив сайта

Реклама на сайте
мерседес спринтер на свадьбу