Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Высота div по содержимому 
:(
    Опции темы
CHEM_Eugene
Дата 14.7.2008, 10:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 73
Регистрация: 12.2.2008

Репутация: нет
Всего: нет



Код

<div style="background-color:lime;">
     текст
     <div style="width:100px;height:60px;">содержимое</div>
     <div style="width:100px;height:60px;">содержимое</div>
</div>


ОЧЕНЬ НАДО сделать так, чтобы высота div-родителя зависела от высоты его потомков, т.е. зависела от высоты содержимого.
Сейчас получается так - узенькая полоска с фоном (lime), а ниже ее два DIVa.

PM MAIL   Вверх
bars80080
Дата 14.7.2008, 11:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



сдаётся мне, что у тебя давят какие-то дополнительные стили, т.к. по-умолчанию, родительский див растягивается так, чтобы все дети влезали в него (за исключением тех, что вырваны из общего потока position, float и т.п.)
PM MAIL WWW   Вверх
CHEM_Eugene
Дата 14.7.2008, 11:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 73
Регистрация: 12.2.2008

Репутация: нет
Всего: нет



Цитата(bars80080 @ 14.7.2008,  11:09)
сдаётся мне, что у тебя давят какие-то дополнительные стили, т.к. по-умолчанию, родительский див растягивается так, чтобы все дети влезали в него (за исключением тех, что вырваны из общего потока position, float и т.п.)

А какие? У меня из общих только:
Код

* {
margin:0;
padding:0;
}


В принципе мне помогает вариант, если у родителя сделать display:table, но что-то мне не нравится...
PM MAIL   Вверх
bars80080
Дата 14.7.2008, 11:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



скажи мне, как ты видишь эту страницу?
http://interes.uzelok.net/files/isp/div5.php
PM MAIL WWW   Вверх
CHEM_Eugene
Дата 14.7.2008, 13:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 73
Регистрация: 12.2.2008

Репутация: нет
Всего: нет



Цитата(bars80080 @ 14.7.2008,  11:40)
скажи мне, как ты видишь эту страницу?
http://interes.uzelok.net/files/isp/div5.php

нормально вижу, как и должно быть. 
Нашел вот: У внутренних DIVов float:left задан, если убрать - то родительский увеличивается, но мне нужно внутренние DIV в строчку построить!

Это сообщение отредактировал(а) CHEM_Eugene - 14.7.2008, 13:33
PM MAIL   Вверх
bars80080
Дата 14.7.2008, 13:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



в строчку - тогда лучше вместо div, использовать span
а если уж див, то задать display: inline;
PM MAIL WWW   Вверх
CHEM_Eugene
Дата 14.7.2008, 13:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 73
Регистрация: 12.2.2008

Репутация: нет
Всего: нет



Цитата(bars80080 @ 14.7.2008,  13:41)
в строчку - тогда лучше вместо div, использовать span
а если уж див, то задать display: inline;

и тот и другой вариант полностью разваливают верстку, т.к. в этих внутренних DIV-ах ещё по 2 DIV, а в них по таблице...
PM MAIL   Вверх
bars80080
Дата 14.7.2008, 14:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



 а как же span тогда развалил? он ведь физически не может повлиять на внутренние дивы.
только если на нём завязаны (как на элементе span) классы стилей

а ты как указывал стиль для этих дивов? укажи им собственный класс
PM MAIL WWW   Вверх
SelenIT
Дата 15.7.2008, 18:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Цитата(bars80080 @  14.7.2008,  13:41 Найти цитируемый пост)
в строчку - тогда лучше вместо div, использовать span
а если уж див, то задать display: inline;

Подозреваю, что не до такой степени в строчку smile. Скорее в подобие строки таблицы...

Цитата(CHEM_Eugene @  14.7.2008,  10:54 Найти цитируемый пост)
ОЧЕНЬ НАДО сделать так, чтобы высота div-родителя зависела от высоты его потомков

Одно из наиболее универсальных "волшебных" способов заставить контейнер считаться с размерами плавающих детей - задать ему overflow:hidden. Есть и другие способы, use google smile


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
Su_
Дата 3.4.2012, 16:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 386
Регистрация: 1.8.2007

Репутация: нет
Всего: нет



overflow:hidden работает. Спасибо, и всем доброго дня.

А это кроссбраузерное решение ( ie6>) ?


--------------------
user posted image

PM MAIL WWW   Вверх
SelenIT
Дата 3.4.2012, 19:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Для IE6 надо еще включить Layout. Если блоку задан какой-либо размер, то ничего дополнительно делать не надо, если же нет, то самое простое и безобидное — zoom: 1 (лучше в отдельных стилях только для IE).


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
gaserge
Дата 18.4.2012, 08:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 1
Регистрация: 18.4.2012

Репутация: нет
Всего: нет



min-height: 60px;
height: auto

Это сообщение отредактировал(а) gaserge - 18.4.2012, 08:30
PM MAIL WWW   Вверх
Aliance
Дата 18.4.2012, 08:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 2
Всего: 137



SelenIT, и снова возвращаясь к теме нашего недавнего обсуждения...
Мне вот почему-то вариант с overflow не нравится и я стараюсь в таких случаях родителю прописывать небезызвестный класс clearfix. Есть какие-то комментарии по этому поводу?
PM MAIL WWW ICQ Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0561 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.