ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как убрать горизонтальный скроллинг в FireFox 3.5
11 сообщений из 11, страница 1 из 1
Как убрать горизонтальный скроллинг в FireFox 3.5
    #36267691
Фотография Berkut
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Berkut
Участник
Есть страничка

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
<html>
<head>
<style>
html, body {
  margin:0px;
  padding:0px;
}

#cp {
  position:absolute;
  z-index: 10 ;
  top:0px;
  left:0px;
  width: 100 %;
  height:20px;
  background:# 000 ;
  color:white;
  border-bottom:1px solid #a1a1a1;
  padding:3px;
  right:6px;
}
</style>
</head>
<body>
<div style="width:100%; height:200px; background:#003366">
<div id="cp">
SEO
</div>
</div>
</body>
</html>

При этом нужно, чтобы padding:3px для слоя id="cp" остался.
Именно из-за этого горизонтальный скроллинг появляется.

Как пофиксить такое к сожалению не знаю. Не сталкивался.

Спасибо.
...
Рейтинг: 0 / 0
22.10.2009, 18:09
| Ответить | Цитировать | Написать  
Как убрать горизонтальный скроллинг в FireFox 3.5
    #36268013
слоненок
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
слоненок
Участник
Berkut, а зачем вам это паддинг?
...
Рейтинг: 0 / 0
22.10.2009, 22:48
| Ответить | Цитировать | Написать  
Как убрать горизонтальный скроллинг в FireFox 3.5
    #36268173
Фотография Berkut
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Berkut
Участник
слоненокBerkut, а зачем вам это паддинг?
Чтобы не смотрелось убого.
...
Рейтинг: 0 / 0
23.10.2009, 10:09
| Ответить | Цитировать | Написать  
Как убрать горизонтальный скроллинг в FireFox 3.5
    #36268221
Алексей Кашарин
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Алексей Кашарин
Участник
#cp {
position:absolute;
z-index:10;
top:0px;
left:0px;
width:100%;
height:20px;
background:#000;
color:white;
border-bottom:1px solid #a1a1a1;
padding:3px;
right:6px;
}

Вот так работает.
...
Рейтинг: 0 / 0
23.10.2009, 10:26
| Ответить | Цитировать | Написать  
Как убрать горизонтальный скроллинг в FireFox 3.5
    #36268659
Фотография Berkut
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Berkut
Участник
Подсказал один верстальщик и решение оказывается простым:

убираем width:100% и добавляем right:0px;
...
Рейтинг: 0 / 0
23.10.2009, 12:01
| Ответить | Цитировать | Написать  
Как убрать горизонтальный скроллинг в FireFox 3.5
    #36269011
слоненок
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
слоненок
Участник
Berkut,
зачем вы вообще его туда влепили?
...
Рейтинг: 0 / 0
23.10.2009, 13:38
| Ответить | Цитировать | Написать  
Как убрать горизонтальный скроллинг в FireFox 3.5
    #36270426
Фотография Berkut
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Berkut
Участник
слоненокBerkut,
зачем вы вообще его туда влепили?

Разница в отступах:
...
Рейтинг: 0 / 0
24.10.2009, 14:05
| Ответить | Цитировать | Написать  
Как убрать горизонтальный скроллинг в FireFox 3.5
    #36270834
слоненок
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
слоненок
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
<html>
<head>
<style>
* {  margin:0px; padding:0px;}
#bcontent {
 height:200px;
 background:# 003366 ;
}
#content {
 padding:3px;
 height:20px;
 background:# 000000 ;
 color:white;
 border-bottom:1px solid #a1a1a1;
}
</style>

</head>
<body>
<div id="bcontent">
 <div id="content">SEO</div>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
25.10.2009, 00:06
| Ответить | Цитировать | Написать  
Как убрать горизонтальный скроллинг в FireFox 3.5
    #36270839
слоненок
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
слоненок
Участник
padding:3px; читать как padding-left:3px;
...
Рейтинг: 0 / 0
25.10.2009, 00:10
| Ответить | Цитировать | Написать  
Как убрать горизонтальный скроллинг в FireFox 3.5
    #36271748
Фотография Berkut
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Berkut
Участник
слоненокpadding:3px; читать как padding-left:3px;
ну и? Этого и добивался, чтобы текст не был "прилеплен" к краям слоя.
...
Рейтинг: 0 / 0
26.10.2009, 09:32
| Ответить | Цитировать | Написать  
Как убрать горизонтальный скроллинг в FireFox 3.5
    #36271757
Фотография Berkut
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Berkut
Участник
слоненок , за пример спасибо. Сразу не заметил.
Но в 2х слоях я знал, что можно сделать. Непонятно было почему в одном слое такое невозможно.
По-моему, интерпретация странная, что при увеличении паддингов увеличивается и ширина слоя. :-\
...
Рейтинг: 0 / 0
26.10.2009, 09:35
| Ответить | Цитировать | Написать  
11 сообщений из 11, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как убрать горизонтальный скроллинг в FireFox 3.5
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=275&tid=1454078]:
 0ms
get settings:
 9ms
get forum list:
 13ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 25ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 47ms
get tp. blocked users:
 1ms
others: 240ms
total:  356ms
созд. / загр.: 356ms
x
x
Закрыть


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