ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос по резиновой верстке
6 сообщений из 6, страница 1 из 1
Вопрос по резиновой верстке
    #37800037
йорркенн
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
йорркенн
Гость
Код: html
1.
<div style="position:absolute;width:50%;height:200px;border:solid 1px red;"></div>



Если ширина браузера 250 пикселей и больше, то всё работает т.к. ширина дива 50% от ширины браузера.

Но если начать ещё сильнее уменьшать ширину браузера (т.е. меньше 250 пикселей), то ширина дива в пикселях остается прежней, а ширина в процентах, соответственно, увеличивается.

В чём бага? Проверяю в Firefox 12.

И ещё вопрос: если сделать "width:100%", то красная рамка на 2-3 пикселя уползает за правый край окна. Почему и как с этим бороться?
...
Рейтинг: 0 / 0
18.05.2012, 00:58:28
| Ответить | Цитировать | Написать  
Вопрос по резиновой верстке
    #37800080
Шогал
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Шогал
Участник
Внутри дива пусто? Или что-то есть?
...
Рейтинг: 0 / 0
18.05.2012, 03:52:53
| Ответить | Цитировать | Написать  
Вопрос по резиновой верстке
    #37800202
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
йорркеннНо если начать ещё сильнее уменьшать ширину браузера (т.е. меньше 250 пикселей), то ширина дива в пикселях остается прежней, а ширина в процентах, соответственно, увеличивается.
Переведи... (с)

йорркеннесли сделать "width:100%", то красная рамка на 2-3 пикселя уползает за правый край окна. Почему и как с этим бороться?
Потому как толщина рамки не входит в ширину элемента... Как вариант внутрь сунуть еще один блок, без указания ширины, и рамку дать ему...
...
Рейтинг: 0 / 0
18.05.2012, 09:01:33
| Ответить | Цитировать | Написать  
Вопрос по резиновой верстке
    #37800798
йорркенн
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
йорркенн
Гость
Внутри дива пусто. Но если, например, разместить текст - это ни на что не влияет.

Перевожу. При уменьшении ширины окна с 1024 пикселей до примерно 250 пикселей - ширина дива пропорционально (50%) уменьшается и достигает примерно 125 пикселей, но затем (при дальнейшем уменьшении ширины окна) ширина дива не меняется и остается 125 пикселей. Если уменьшить ширину окна до 100 пикселей, то див вылезет за правую границу, хотя он д.б. 50% от ширины окна.
...
Рейтинг: 0 / 0
18.05.2012, 13:00:12
| Ответить | Цитировать | Написать  
Вопрос по резиновой верстке
    #37800920
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
йорркеннЕсли уменьшить ширину окна до 100 пикселей, то див вылезет за правую границу, хотя он д.б. 50% от ширины окна.
Не вею! (с) Станиславский

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div style="position:absolute;width:50%;height:200px;border:solid 1px red;"></div>
</body>
</html>





Никто никуда не вылазиет...
...
Рейтинг: 0 / 0
18.05.2012, 13:44:11
| Ответить | Цитировать | Написать  
Вопрос по резиновой верстке
    #37800988
йорркенн
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
йорркенн
Гость
Всё, разобрался. Мешает "панель навигации" браузера. Если её отключить, всё уменьшается нормально.
...
Рейтинг: 0 / 0
18.05.2012, 14:07:32
| Ответить | Цитировать | Написать  
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос по резиновой верстке
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=168&tid=1449797]:
 0ms
get settings:
 8ms
get forum list:
 19ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 80ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 51ms
get tp. blocked users:
 1ms
others: 216ms
total:  396ms
созд. / загр.: 396ms
x
x
Закрыть


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