Помощник
|
Блоки отображаются не так как хотелось бы, Помогите понять |
kovyaro
|
Сообщение
#1
|
||
|
|
||
|
|||
ZiTosS |
20.2.2011, 19:14;
Ответить: ZiTosS
Сообщение
#2
|
|
kovyaro, стоит вам посмотреть на вложенность блоков и на их размеры, прописанные в CSS и сразу всё становится понятно.
У нас такой расклад: container1 - высота 168px logo - высота 168px slog - высота 168px Думаю, заметно, что два дочерних блока размерами каждый по 168 ну никак не могут влезть в родительский, размером 168, т.к. суммарная высота дочерних - 168 + 168 = 336. Поэтому второму блоку ничего не остается как вылезти за родительские размеры. P.s.: На языке HTML не программируют, а верстают. |
|
|
kovyaro
|
Сообщение
#3
|
|
#logo { background:url("Images/Logo.png") no-repeat; display:block; height:168px; width:200px; } #slog { background:#OOOOOO; margin-left:200px; display:block; height:168px; width:800px; } Если я правильно понял, то блок "logo" должен находиться в крайне левой позиции блока "container1", а контейнер "slog" смещен вправо на 200px ( margin-left:200px; ). Итого общая высота блоков "logo" и "slog" составляет 168, что равно высоте блока "container1". Суммарная длина блоков "logo" и "slog" равна длине блока "container1" (1000рх). Я могу ошибаться в своих представлениях.
|
|
|
yury_mw |
21.2.2011, 11:26;
Ответить: yury_mw
Сообщение
#4
|
|
Если я правильно понял, то блок "logo" должен находиться в крайне левой позиции блока "container1", а контейнер "slog" смещен вправо на 200px. Итого общая высота блоков "logo" и "slog" составляет 168, что равно высоте блока "container1". Суммарная длина блоков "logo" и "slog" равна длине блока "container1" (1000рх). Я могу ошибаться в своих представлениях. kovyaro, по вашему коду блок "logo" должен располагаться внутри блока "container1", а блок "slog" должен располагаться опять-таки внутри блока "container1" под блоком "logo" (именно так работает свойство display:block;) а поскольку высоту родителя "container1" вы задали меньше, чем суммарная высота "slog" и "logo", то второй блок еще и вылезает за пределы "container1". причем пытается расположиться с отступом от левого края родителя — блока "container1" на 200px (margin-left:200px;) В результате имеем кашу на экране, типа, что варили то и получили. ;) Если вам надо, чтобы ваши блоки располагались не друг под другом, а по горизонтали, то нужно использовать не свойство display:block; а display:inline; или свойство, задающее обтекание — float:left; для блока "logo". Да, кстати, строка background:#OOOOOO; не работает, пишите вместо букв "O" нолики, иначе эта строка в коде будет просто проигнорирована. |
|
|
kovyaro
|
Сообщение
#5
|
|
Помогло float:left;. Спасибо большое.
|
|
|
ZiTosS |
23.2.2011, 13:44;
Ответить: ZiTosS
Сообщение
#6
|
|
|
kovyaro, тему так понимаю, можно закрывать?
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Как в пушсетках покупают по 100-200 тысяч кликов за день? | 2 | Boymaster | 695 | Вчера, 17:52 автор: Boymaster |
|
Как вы отдыхаете от работы за компом | 151 | adw-kupon.ru | 19861 | 23.4.2024, 13:52 автор: Vmir |
|
Как вы бросили работу и перешли на заработок с сайтов? | 20 | uahomka | 3472 | 23.4.2024, 11:54 автор: Skyworker |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 30 | freeax | 5040 | 20.4.2024, 16:49 автор: Liudmila |
|
Арбитражники, как ведете учет расходов и доходов? | 13 | Boymaster | 2036 | 20.4.2024, 15:06 автор: Boymaster |
Текстовая версия | Сейчас: 25.4.2024, 10:41 |