Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / css как организованно размешение / 7 сообщений из 7, страница 1 из 1
23.03.2013, 15:38
    #38195927
ccoder
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css как организованно размешение
Меня давно терзает вопрос как организованно размешение в css.
Вроде как всё ясно. Но как начинаю делать то блок из блока вылезает то weight/height немогу точно задать.
Както нигде пока ненаходит где это чётко освещается. Сложилось пока впечатление что каждый делает как хочет и лижбы получилось что хочется развеять.
Както непонимаю почему если в div кладу div то почему дочерний может вылезать из старшего
...
Рейтинг: 0 / 0
23.03.2013, 23:47
    #38196182
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css как организованно размешение
ccoder , где конкретика и примеры?
...
Рейтинг: 0 / 0
24.03.2013, 02:48
    #38196273
kalamfur
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css как организованно размешение
ccoderтерзает вопрос .. почему если в div кладу div то

Ну , к примеру, у них могут быть разные css свойства position.

Либо еще пример:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
<div style="padding:20px; background:red;">
	<div style="background:khaki; margin:10px; float:left; width:200px;">
		lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris
	</div>
	<div style="background:green; margin:10px; float:left; width:200px;">
		lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
	</div>
	<div style="background:yellowgreen; margin:10px; float:left; width:200px;">
		lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt. родительский div не в курсе, что тут с высотой
		творится и от того 40px, пока последний div закомментирован
	</div>
  <!--<div style="clear:both;"></div>(Лекарство)-->
</div>



Мистика
...
Рейтинг: 0 / 0
24.03.2013, 10:29
    #38196333
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css как организованно размешение
kalamfur
Код: html
1.
  <!--<div style="clear:both;"></div>(Лекарство)-->


Достаточно просто родительскому диву добавить свойство

Код: css
1.
overflow: hidden;
...
Рейтинг: 0 / 0
24.03.2013, 11:55
    #38196364
kalamfur
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css как организованно размешение
krvsaДостаточно просто родительскому диву добавить свойство

Код: css
1.
overflow: hidden;



Либо так)
...
Рейтинг: 0 / 0
24.03.2013, 16:33
    #38196488
st_st
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css как организованно размешение
Зависит от внутреннего контента. Если внутренние блоки за пределы родителя вылазить не должны, тогда overflow: hidden, иначе clear:both.
...
Рейтинг: 0 / 0
24.03.2013, 20:17
    #38196631
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css как организованно размешение
st_stиначе clear:both.
Смотря как организована вся страница.
Иначе этот
Код: css
1.
clear:both


всю страницу разворотит...
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / css как организованно размешение / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]