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

KatyaXml

Дата 13.1.2011, 15:23 (ссылка)

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

Загрузка ...

Шустрый

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

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

Код


<html style="width: 100%">
<head>
</head>

<body style="width:100%;">

<div style="width: 100%; height:10px; background:#ccc"></div>
<div style="width:800px; height:10px; background:#666;"></div>                   

</body>
</html>

Если ширина окна меньше 800px, то при прокрутке вправо
ширина первого div'а по ширине экрана, а не по ширине страницы

Как растянуть его по ширине страницы?

Это сообщение отредактировал(а) KatyaXml - 13.1.2011, 15:25

A5uKa

Дата 13.1.2011, 16:08 (ссылка)

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

Загрузка ...

TЋ♥s F1rȜ iƧ BurȠiƞg

Профиль
Группа: Awaiting Authorisation
Сообщений: 1928
Регистрация: 30.8.2008

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

Цитата

. . . что это ?

Цитата

оно и так 100%

Цитата

ширина первого div'а по ширине экрана, а не по ширине страницы

т.е. торчит из браузера что-ли ?

KatyaXml

Дата 13.1.2011, 16:26 (ссылка)

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

Загрузка ...

Шустрый

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

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

Цитата(A5uKa @ 13.1.2011, 16:08)

Цитата

ширина первого div'а по ширине экрана, а не по ширине страницы

т.е. торчит из браузера что-ли ?

в окне браузера появляется горизонтальная прокрутка,
если ей воспользоваться, то справа второй div будет до конца страницы,
а первый div будет заканчиваться не дойдя до конца страницы

Это сообщение отредактировал(а) KatyaXml - 13.1.2011, 16:28

SelenIT

Дата 13.1.2011, 16:30 (ссылка)

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

Загрузка ...

баг форума

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

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

min-width: 800px для html (или body, в данном случае равнозначно)?

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

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

KatyaXml

Дата 13.1.2011, 16:41 (ссылка)

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

Загрузка ...

Шустрый

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

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

а если ширина блока не известна,
скажем это таблица, в которой может быть много данных

A5uKa

Дата 13.1.2011, 16:52 (ссылка)

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

Загрузка ...

TЋ♥s F1rȜ iƧ BurȠiƞg

Профиль
Группа: Awaiting Authorisation
Сообщений: 1928
Регистрация: 30.8.2008

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

Цитата

в окне браузера появляется горизонтальная прокрутка,

А если ширина больше 800px , то прокрутки не появляется ?

Цитата

если ей воспользоваться, то справа второй div будет до конца страницы,

допустим страница стала по величине второго дива

Цитата

а первый div будет заканчиваться не дойдя до конца страницы

Первый див взял ширину твоего браузера.

Добавлено через 1 минуту и 14 секунд
из за
<body style="width:100%;">

Body не перегружается

Добавлено через 6 минут и 7 секунд
Можешь сделать так

Код


    <div style="width:800px; height:20px; background:#666;">
    <div style="height:10px; background:#ccc"></div></div>

KatyaXml

Дата 14.1.2011, 09:20 (ссылка)

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

Загрузка ...

Шустрый

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

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

Цитата(A5uKa @ 13.1.2011, 16:52)

Код


    <div style="width:800px; height:20px; background:#666;">
    <div style="height:10px; background:#ccc"></div></div>

не поможет

A5uKa

Дата 14.1.2011, 09:26 (ссылка)

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

Загрузка ...

TЋ♥s F1rȜ iƧ BurȠiƞg

Профиль
Группа: Awaiting Authorisation
Сообщений: 1928
Регистрация: 30.8.2008

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

Цитата

не поможет

Почему ?

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