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, Вам отдельное спасибо. Помогло...С вопросом разобрался...

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыОцените сайт "бизнес, новости, право". В чем проблема?
22 Merzuka 3174 23.5.2018, 12:15
автор: nikolay_web
Открытая тема (нет новых ответов) Услуги по верстке
8 KOLIAN 1407 14.5.2018, 16:25
автор: KOLIAN
Открытая тема (нет новых ответов) Органический трафик. 100 уникальных посетителей бесплатно при регистрации
Низкие цены. 1000 уникальных посетителей всего за 3.4 руб.
8 kostetskij 1759 4.5.2018, 13:56
автор: smiler
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыИсчезает ссылка при наведении курсора
5 almmih1991 779 28.4.2018, 21:50
автор: gruz333
Открытая тема (нет новых ответов) Привязать верификацию мобильного при отправке формы
2 Grestoun 908 8.4.2018, 12:49
автор: Grestoun


 



RSS Текстовая версия Сейчас: 27.5.2018, 12:09
Дизайн