Форум hotibo.ru

zascia · 28.03.2012 13:01

Добрый день!
Столкнулся с такой проблемой: ие7 иногда очень своеобразно интерпретирует процентные величины. То есть попросту их игнорирует, растягивая блок скажем не на ширину 50%, а по содержимому. Внешний контейнер с конкретной процентной шириной (а фиксированную давать нельзя) ничего не меняет. Хочу узнать, что это за фишка такая, как с ней бороться. Кто может подсказать или кинуть ссылку? Спасибо заранее!

vashurin · #2 28.03.2012 14:56

код покажите.

zascia · #3 28.03.2012 17:09

Код:

content
{
    margin-top: 10px;
    width: 100%;
}
.column_first
{
    float: left;
    width: 52%;
    border-right: 1px solid #d4d4d4;
}
.column_second
{
    float: left;
    width: 47%;
}

Везде растягивается полностью, кроме ие7. В нем растягиваются колонки только по содержимому

Octane · #4 31.03.2012 11:32

Эмм зачем флоатить 2 блока, если у нас всего 2 столбца?
я бы сделал так:

CSS:

Код:

content {
margin-top: 10px;
}
.column_first {
width: 52%;
float: left;
margin-right: -52%; /* для IE6 (может быть в Вашем случае и не нужно) */
border-right: 1px solid #d4d4d4;
}
.column_second {
margin-left: 52%;
}
.clear_left {
clear: both;
}

(x)HTML:

Код:

zascia · #5 31.03.2012 16:56

Octane написал:

Эмм зачем флоатить 2 блока, если у нас всего 2 столбца?

А если три столбца? Хотелось бы как-то заставить растягиваться ие7 как это делают другие браузеры. Кое что я нарыл в англоязычном нете и похоже, что речь идет о Quirky Percentages IE7 bug. К сожалению, решения как с ним бороться у меня пока что нет.
ЗЫ: Ваш вариант по двум столбцам интересный, возьму его на заметку. К сожалению, не везде он может быть применен ( так что буду продолжать поиски

Отредактированно zascia (31.03.2012 16:56)

Octane · #6 03.04.2012 10:07

С 3мя колонками тоже все просто :-)

Код:


3 columns

right sidebar
left sidebar






content

этот способ самый простой и не совсем грамотный с точки зрения SEO (правое меню хорошо бы разместить в самом низу кода).

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

а вообще в Adobe Dreamweaver 9 есть куча готовых макетов (именно макетов верстки в несколько колонок, а не шаблонов сайта) на примере которых можно быстро научится делать многоколоночные сайты любой конфигурации...

Octane · #7 03.04.2012 12:25

Кстати, есть же на этом сайте on-line генератор Генератор (x)HTML шаблона 1...3 колонки

frost5 · 21.10.2012 07:49

Octane написал:

Кстати, есть же на этом сайте on-line генератор Генератор (x)HTML шаблона 1...3 колонки

Я как раз по этому поводу зашёл, прямо с http://csscreator.com... Там сделана ширина колонок только в процентах, и с классом clearfix, а не с дополнительным div'ом. На вопросы, как сделать колонку в пикселях, он отвечает, что через min-width или что-то в этом роде. И вот я, чем больше вникаю, тем меньше уверенности уже от всех этих "хаков" Какое решение более "правильное"? Можно ли смело использовать генератор шаблонов на этом сайте, чтобы сделать "универсальные" box'ы (например, для "шапки")?

Форум hotibo.ru

#1 28.03.2012 13:01

ИЕ7 и процентные величины

#2 28.03.2012 14:56

Re: ИЕ7 и процентные величины

#3 28.03.2012 17:09

Re: ИЕ7 и процентные величины

Код:

#4 31.03.2012 11:32

Re: ИЕ7 и процентные величины

Код:

Код:

#5 31.03.2012 16:56

Re: ИЕ7 и процентные величины

Octane написал:

#6 03.04.2012 10:07

Re: ИЕ7 и процентные величины

Код:

#7 03.04.2012 12:25

Re: ИЕ7 и процентные величины

#8 21.10.2012 07:49

Re: ИЕ7 и процентные величины

Octane написал:

Board footer