Уходит блок, помогите!

[WEB-best]

Вот исходники. http://jsfiddle.net/Qyg22/
Почему выезжает самый последний блок ? я ему дал отлайн желтого цвета. Он должен быть в правом блоке, но уходит в самый низ, помогите решить проблему!

[Radiocity]

Потому что width:100%

[WEB-best]

А как правильно сделать ?

[Radiocity]

Попробуйте так. Вам же нужно сделать две колонки?

Edited November 27, 2013 by Radiocity

[WEB-best]

http://s2.ipicture.ru/uploads/20131127/qB0PmOZK.png
Вот он макет
Правая часть сайта резиновая, левая фиксированная, относительно правой части

Edited November 27, 2013 by WEB-best

[Radiocity]

Ну, собственно, по данной статье и надо было сделать макет. >>

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

Edited November 27, 2013 by Radiocity

[xanthonyx]

Фиксированную по ширине левую колонку и резиновую правую можно сделать и таким способом: http://jsfiddle.net/anthonydev/9gKGR/

Данная методика конечно больше подходит для построения трехколоночного макета, но все же =)

[Radiocity]

К чему такие сложности? Ваш метод не будет работать в старых браузерах, да и кода больше.

[xanthonyx]

К чему такие сложности? Ваш метод не будет работать в старых браузерах, да и кода больше.

 

В таком виде, как сейчас по идее в ie8 должен работать.

Для ie7 уже нужно дописывать хаки для класса «clearfix».

 

Согласен, кода больше, но для трехколоночной верстки,

где левая и правая колонки фиксированы,

а центральная резинится, данный способ вполне имеет право на жизнь.

[Radiocity]

Но в данном макете 2 колонки и много работы с фоном.

[Z1gnet]

К чему такие сложности? Ваш метод не будет работать в старых браузерах, да и кода больше.

не так уж и много кода, это во первых. во вторых это вроде как более семантично,контент выше по коду чем сайдбар. и самое главное будет работать и в и7 тоже без всяких хаков, просто нужно вернуть "загадочное" свойство HasLayout, в данном случае прекрасно подойдет width:100%

[Radiocity]

Для справки: :after появился только в восьмой версии ослов. Поэтому, этот пример работать в ie7 без js костылей не будет.

В данном примере, сайдбар сползает вниз. Не понимаю, о чем вы спорите?
 

Edited November 29, 2013 by Radiocity

[xanthonyx]

Для справки: :after появился только в восьмой версии ослов. Поэтому, этот пример работать в ie7 без js костылей не будет.

В данном примере, сайдбар сползает вниз. Не понимаю, о чем вы спорите?

 

 

Да никто тут спорить не собирается)

 

А что если добавить в стили:

.clearfix {  *zoom: 1;}

По-моему это должно убрать багу в 7 осле.

[Z1gnet]

Для справки: :after появился только в восьмой версии ослов

для справки, если блоку задать hasLayout то для ие7 будет возвращаться нормальный поток элементов (типа overflow:hidden). zoom: 1 это не валидная запись, а вот width вполне валидна. я достаточно много верстал под ие7 (около 70 проектов) так что знаю о чем говорю. еще бывает задают height:1%; но он не всегда подходит.  тут есть статья про hasLayout, можете почитать.

и ничего вниз не сползает

[Radiocity]

Зачем придумывать велосипед, если есть решение в 4 строчки? Зачем? Q_Q

[Z1gnet]

уже на все ваши вопросы даны ответы, но такое впечатление что вы или не читаете или не хотите читать.

 

 

более семантично,контент выше по коду чем сайдбар.

и зачем утверждать про вещи которых вы не знаете или не до конца понимаете?

Edited November 30, 2013 by Z1gnet

[WEB-best]

Прошу прощения, что так долго не было, я сделал так как сказали в 6 пункте, все нормально щас.