X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Проблема с блоками при верстке
booogabooo
booogabooo
Topic Starter сообщение 27.8.2013, 23:28; Ответить: booogabooo
Сообщение #1


клоновод
***

Группа: Banned
Сообщений: 208
Регистрация: 21.3.2012
Поблагодарили: 20 раз
Репутация:   4  


Такая ситуация: в одном блоке (обычном) содержится 2 плавающих блока. Как сделать так, чтобы при изменении высоты двух внутренних блоков (плавающих) основной блок растягивался (при этом основному главному позиционирование менять нельзя)?


--------------------
клоновод
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rjksdfhe
rjksdfhe
сообщение 27.8.2013, 23:33; Ответить: rjksdfhe
Сообщение #2


Straight arms
*******

Группа: Active User
Сообщений: 2760
Регистрация: 21.4.2009
Из: Мытищи, МО, РФ
Поблагодарили: 1111 раз
Репутация:   163  


<div class="яХЗплавающийблок">
<>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
devuser
devuser
сообщение 27.8.2013, 23:37; Ответить: devuser
Сообщение #3


Все будет тип-топ
*****

Группа: Active User
Сообщений: 713
Регистрация: 5.12.2012
Из: Online
Поблагодарили: 342 раза
Репутация:   52  


html
<div class="ОсновнойБлок">
<div class="Плавающий1">
</div>
<div class="Плавающий2">
</div>
<div class="clearfix"></div>
</div>


css
.clearfix{
    clear:both;
    font-size:0;
    line-height:0;
    border:none;
    float:none;
    width:100%;
    height:1px;
}


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rjksdfhe
rjksdfhe
сообщение 27.8.2013, 23:41; Ответить: rjksdfhe
Сообщение #4


Straight arms
*******

Группа: Active User
Сообщений: 2760
Регистрация: 21.4.2009
Из: Мытищи, МО, РФ
Поблагодарили: 1111 раз
Репутация:   163  


<div class="яОсновнийПлавающийБлок" style="border:1px solid red">
    <div style="float:right;border:1px solid blue">Я Правый</div>
    <div style="float:left;border:1px solid green">Я Левый</div>
    <div style="clear:both;border:1px solid yellow">Я CLEAR</div>
    После clear
</div>


Всё остальное - вопрос или кроссбраузерности, или подгонки CSS в Google Chrome.

Сообщение отредактировал rjksdfhe - 27.8.2013, 23:39


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
booogabooo
booogabooo
Topic Starter сообщение 27.8.2013, 23:57; Ответить: booogabooo
Сообщение #5


клоновод
***

Группа: Banned
Сообщений: 208
Регистрация: 21.3.2012
Поблагодарили: 20 раз
Репутация:   4  


rjksdfhe, покажу тогда на вашем примере...
CODE
<div class="яОсновнийПлаваюлокщийБ" style="border:1px solid red">
<div style="float:right;border:1px solid blue">Я Правый</div>
<div style="float:left;border:1px solid green">Я Левый</div>
</div>




Мне нужно, чтобы блок "яОсновнийПлаваюлокщийБ" растягивался по высоте при изменении "Я Левый" и "Я Правый"

Всем спасибо, разобрался...

Не получилось...Снова поднимаю вопрос...

Сообщение отредактировал booogabooo - 28.8.2013, 0:06


--------------------
клоновод
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
brome
brome
сообщение 28.8.2013, 0:10; Ответить: brome
Сообщение #6


Бывалый
****

Группа: User
Сообщений: 253
Регистрация: 25.7.2012
Поблагодарили: 100 раз
Репутация:   17  


Гораздо проще добавить для основного блока свойство
overflow:hidden;


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
booogabooo
booogabooo
Topic Starter сообщение 28.8.2013, 0:13; Ответить: booogabooo
Сообщение #7


клоновод
***

Группа: Banned
Сообщений: 208
Регистрация: 21.3.2012
Поблагодарили: 20 раз
Репутация:   4  


brome, Вам отдельное спасибо. Помогло...С вопросом разобрался...


--------------------
клоновод
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Переносится ли вес и тИЦ от входящих ссылок при 301 редиректе
11 Bel_Ami 2892 11.12.2017, 20:50
автор: alexandrrr
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыОшибка при создании шаблона страницы ВП
Нет картинок
5 semarg 696 9.12.2017, 15:36
автор: Nell
Горячая тема (нет новых ответов) 300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!
61 inkon 13975 7.12.2017, 20:28
автор: inkon
Открытая тема (нет новых ответов) Услуги по верстке
0 KOLIAN 337 29.11.2017, 15:31
автор: KOLIAN
Горячая тема (нет новых ответов) Apple признала: Экран iPhone X отказывает при температуре ниже нуля
46 Astralis 3351 26.11.2017, 1:35
автор: Стэнли


 



RSS Текстовая версия Сейчас: 13.12.2017, 23:00
Дизайн