Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 01.01.2011, 17:19   #1
mutabor
Телепат с дипломом
Старожил
 
Аватар для mutabor
 
Регистрация: 10.06.2007
Сообщений: 4,929
По умолчанию Два блока в контейнере

Всех с Новым Годом!

Помогите с версткой. Уже пробовал и так и этак, всегда не то получается. Смотрите прикрепленную картинку.
Изображения
Тип файла: png q.png (10.1 Кб, 53 просмотров)
The future is not a tablet with a 9" screen no more than the future was a 9" black & white screen in a box. It’s the paradigm that survives. (Kroc Camen)
Проверь себя! Онлайн тестирование | Мой блог
mutabor вне форума Ответить с цитированием
Старый 01.01.2011, 17:22   #2
SkyM@n
Laravel/Vue expert
Старожил Подтвердите свой е-майл
 
Аватар для SkyM@n
 
Регистрация: 08.08.2007
Сообщений: 2,832
По умолчанию

Так подходит?
Код HTML:
#content {width:100%}
#rightblock {width:300px;float:right}

<div id="content">
<div id="rightblock"></div>
</div>
Цитата:
Всех с Новым Годом!
Взаимно)
SkyM@n вне форума Ответить с цитированием
Старый 01.01.2011, 17:32   #3
mutabor
Телепат с дипломом
Старожил
 
Аватар для mutabor
 
Регистрация: 10.06.2007
Сообщений: 4,929
По умолчанию

Спасибо за быстрый ответ.
Прикинул, вроде так уже пробовал, тогда центр. вытесняет вообще вниз правый блок. Правда там еще свойств накручено, центральный имеет float:left;

Сейчас попробую именно с такими свойствами.

p.s. Не, не получается. Вот как у меня сейчас сделано (content - это контейнер у меня, overview - центральный блок, details - правый). Помимо этого, к общему блоку страницы применен clearfix.

Если задать центральному ширину 100%, то вытесняет правый блок

Код HTML:
#content {
	clear: both;
	padding: 10px 16px 20px;
}

#overview {
	float: left;
	/* еще есть идея - сделать абсолютное позиционирование внутри контейнера (#content) */
	/*right: 20px;*/
}
#details {
	float: right;
	width: 300px;
}
The future is not a tablet with a 9" screen no more than the future was a 9" black & white screen in a box. It’s the paradigm that survives. (Kroc Camen)
Проверь себя! Онлайн тестирование | Мой блог

Последний раз редактировалось mutabor; 01.01.2011 в 17:44.
mutabor вне форума Ответить с цитированием
Старый 01.01.2011, 18:58   #4
mutabor
Телепат с дипломом
Старожил
 
Аватар для mutabor
 
Регистрация: 10.06.2007
Сообщений: 4,929
По умолчанию

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

P.S. Догадался уже как сделать через абсолютное позиционирование. Тем более у меня скрипт уже есть на странице подходящий, только одну строку еще дописал со сменой свойства right у overview блока. Если кто знает способ получше, напишите, интересно будет посмотреть.
Вложения
Тип файла: zip test.zip (9.2 Кб, 11 просмотров)
The future is not a tablet with a 9" screen no more than the future was a 9" black & white screen in a box. It’s the paradigm that survives. (Kroc Camen)
Проверь себя! Онлайн тестирование | Мой блог

Последний раз редактировалось mutabor; 01.01.2011 в 19:20.
mutabor вне форума Ответить с цитированием
Старый 01.01.2011, 19:20   #5
ZvEr_HaCkEr
VisualC++/DirectX
Форумчанин
 
Аватар для ZvEr_HaCkEr
 
Регистрация: 16.07.2010
Сообщений: 831
По умолчанию

Вроде так.Посмотрите во вложении...
Вложения
Тип файла: rar Рабочий стол.rar (13.6 Кб, 15 просмотров)

Последний раз редактировалось ZvEr_HaCkEr; 01.01.2011 в 20:47.
ZvEr_HaCkEr вне форума Ответить с цитированием
Старый 02.01.2011, 00:41   #6
mutabor
Телепат с дипломом
Старожил
 
Аватар для mutabor
 
Регистрация: 10.06.2007
Сообщений: 4,929
По умолчанию

Да, тоже работает. Спасибо.
The future is not a tablet with a 9" screen no more than the future was a 9" black & white screen in a box. It’s the paradigm that survives. (Kroc Camen)
Проверь себя! Онлайн тестирование | Мой блог
mutabor вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Организация каждого блока Kapitann PHP 1 19.09.2010 04:01
отступы от блока Grind HTML и CSS 0 04.01.2009 21:50
Динамик системного блока Михаил Юрьевич Общие вопросы Delphi 4 28.01.2008 18:31
Прокрутка содержимого блока sdevil JavaScript, Ajax 18 26.09.2007 19:33
два TMediaPlayer и два AVI-файла zeleniy Компоненты Delphi 0 01.06.2007 14:14