HTML5 и CSS3

1 2345 6
mff
На сайте с 21.02.2008
Offline
282
mff
#31
vryb:
/* =========================Middle-----------------------------------------------------------------------------*/
#middle {width: 100%;padding: 0 0 60px;height: 1%;position: relative;}
#middle:after {content: '.';display: block;clear: both;visibility: hidden;height: 0;}
#container { width: 100%;float: left;overflow: hidden;}
#content {padding: 0 220px 0 260px;}

А как сделать так, чтобы центральный контент раздвигал боковые колонки, если в нем будет объект больше 1000px ?

Сейчас правая колонка налазит на центральную и нету горизонтальной прокрутки.

Управление репутацией в сети: https://timbook2.ru/
V
На сайте с 27.09.2010
Offline
86
#32

параметр max-width в #wrapper и #footer измените на сколько вам надо растянуть

mff
На сайте с 21.02.2008
Offline
282
mff
#33

vryb, прописал 3000px - безрезультатно! :(

Вставляю между тегами <div id="content"></div><!-- #content-->


<div style="background-color:#F00; width:1920px;">123455555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555</div>

вот что на выходе:

Подскажите, как поправить?

palladin_jedi
На сайте с 13.07.2010
Offline
71
#34
mff:
Подскажите, как поправить?

overflow: hidden;

Сайт о web-разработке и прочем (http://seazo.net)||Продвижение статьями под Google (http://short.seazo.net/ght4zf) Бесплатные консультации рефералам Sape (http://www.sape.ru/r.SWfwWOblBo.php) PHP и JS скрипты на заказ, создание сайтов с нуля и на CMS.
mff
На сайте с 21.02.2008
Offline
282
mff
#35
palladin_jedi:
overflow: hidden;

Удалил, появилась прокрутка горизонтальная, но правая колонка по прежнему наезжает на центральную :(

palladin_jedi
На сайте с 13.07.2010
Offline
71
#36
mff:
Удалил, появилась прокрутка горизонтальная, но правая колонка по прежнему наезжает на центральную

Левый, центральный и правый блок обрами общим дивом. Левому блоку - float:left, правому - соответственно, right. Среднему блоку ширину задавай не в процентах, а в относительных единицах - em. Используй min-width и max-width.

mff
На сайте с 21.02.2008
Offline
282
mff
#37
palladin_jedi:
Левый, центральный и правый блок обрами общим дивом

Они же и так обрамлены в макете.

palladin_jedi:
Левому блоку - float:left, правому - соответственно, right

Так и есть в макете

palladin_jedi:
Среднему блоку ширину задавай не в процентах, а в относительных единицах - em

И что это получится? Мне нужно, чтоб центральная колонка была "резиновая" по ширине.

palladin_jedi:
Используй min-width и max-width

Использовал же, минимум мой сайт может быть 1021 (1024 без прокрутки) и максимум 3000px.

Вы в макет посмотрите предложенный господином vryb в посте № 15, я про этот макет говорю.

mff
На сайте с 21.02.2008
Offline
282
mff
#38

Помогите за деньги решить проблему с макетом!

Связь: ICQ: 400000010 или ПМ.

dkameleon
На сайте с 09.12.2005
Offline
386
#39
mff:
Помогите за деньги решить проблему с макетом!

1. огласите бюджет.

2. огласите необходимую реакцию каждого блока на переполнение контентом по горизонтали/вертикали.

Дизайн интерьера (http://balabukha.com/)
zhitov
На сайте с 30.01.2005
Offline
219
#40

ТС, используйте таблицу и не мучайтесь.

Строительные калькуляторы ( https://www.zhitov.com/ )
1 2345 6

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий