VPF::Несколько блоков в одном - Форум программистов

APro

Дата 15.12.2008, 18:14 (ссылка)

(нет голосов)

Загрузка ...

Опытный

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

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

Не понимаю, что здесь не так:

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Simple</title>
<style type="text/css">
<!--
#block {
    margin:0 auto;
    width:300px;
    border:#000000 1px solid;
}

#block_in_block {
    border:#999999 1px solid;
    float:left;
}
-->
</style>
</head>

<body>
<div id="block">some text
<div id="block_in_block">text<br />text<br />text<br />text</div>
</div>
</body>
</html>

В IE вроде работает, а в остальных браузерах - НЕТ. (Надеюсь вы поняли что тут?)

(Если нет, то читаем ниже: Есть блок #block и в нём я собирался разместить, например, 3 блока. Вот один из них #block_in_block. Почему #block имеет высоту текста, а не высоту самого большого блока который есть в нём. Например #block_in_block.)

Добавлено через 5 минут и 25 секунд
Я похоже LOL, но случайно не это нужно было добавить?

Код


#block {
    margin:0 auto;
    width:300px;
    border:#000000 1px solid;
    position:relative;
}

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

Никогда не спорь с дураком, другие могут не заметить между вами разницы.
Чем реже открываешь рот, тем меньше слышишь глупостей.

bars80080

Дата 15.12.2008, 18:56 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

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

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

ну как почему? потому что ты задал ему float, что значит обтечь блок. а это равносильно вырыванию из контекста. чтобы выправить ситуацию, надо очистичь обтекание с помощью clear

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Simple</title>
<style type="text/css">
<!--
#block {
    margin:0 auto;
    width:300px;
    border:#000000 1px solid;
}

#block_in_block {
    border:#999999 1px solid;
    float:left;
}
.clear { clear: both; }
-->
</style>
</head>

<body>
<div id="block">some text
<div id="block_in_block">text<br />text<br />text<br />text</div>
<div class="clear"></div>
</div>
</body>
</html>

APro

Дата 15.12.2008, 19:33 (ссылка)

(нет голосов)

Загрузка ...

Опытный

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

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

Не работает :(

Добавлено через 9 минут и 28 секунд
ой, сорри... Работает! Просто не туда вставил smile

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

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »