|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
01.01.2011, 17:19 | #1 |
Телепат с дипломом
Старожил
Регистрация: 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)
Проверь себя! Онлайн тестирование | Мой блог |
01.01.2011, 17:22 | #2 | |
Laravel/Vue expert
Старожил Подтвердите свой е-майл
Регистрация: 08.08.2007
Сообщений: 2,832
|
Так подходит?
Код HTML:
#content {width:100%} #rightblock {width:300px;float:right} <div id="content"> <div id="rightblock"></div> </div> Цитата:
|
|
01.01.2011, 17:32 | #3 |
Телепат с дипломом
Старожил
Регистрация: 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. |
01.01.2011, 18:58 | #4 |
Телепат с дипломом
Старожил
Регистрация: 10.06.2007
Сообщений: 4,929
|
Вот, поубирал все лишнее, чтобы удобнее было разобраться. Мне нужно сделать так, чтобы при нажатии кнопки правый блок исчезал, и его место заполнял левый. При ресайзе окна нужно чтобы правый сохранял свою ширину, а левый подстраивался.
P.S. Догадался уже как сделать через абсолютное позиционирование. Тем более у меня скрипт уже есть на странице подходящий, только одну строку еще дописал со сменой свойства right у overview блока. Если кто знает способ получше, напишите, интересно будет посмотреть.
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. |
01.01.2011, 19:20 | #5 |
VisualC++/DirectX
Форумчанин
Регистрация: 16.07.2010
Сообщений: 831
|
Вроде так.Посмотрите во вложении...
Последний раз редактировалось ZvEr_HaCkEr; 01.01.2011 в 20:47. |
02.01.2011, 00:41 | #6 |
Телепат с дипломом
Старожил
Регистрация: 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)
Проверь себя! Онлайн тестирование | Мой блог |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Организация каждого блока | 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 |