Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как убрать горизонтальный скроллинг в FireFox 3.5 / 11 сообщений из 11, страница 1 из 1
22.10.2009, 18:09
    #36267691
Berkut
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как убрать горизонтальный скроллинг в FireFox 3.5
Есть страничка

Код: 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, 22:48
    #36268013
слоненок
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как убрать горизонтальный скроллинг в FireFox 3.5
Berkut, а зачем вам это паддинг?
...
Рейтинг: 0 / 0
23.10.2009, 10:09
    #36268173
Berkut
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как убрать горизонтальный скроллинг в FireFox 3.5
слоненокBerkut, а зачем вам это паддинг?
Чтобы не смотрелось убого.
...
Рейтинг: 0 / 0
23.10.2009, 10:26
    #36268221
Алексей Кашарин
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как убрать горизонтальный скроллинг в FireFox 3.5
#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, 12:01
    #36268659
Berkut
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как убрать горизонтальный скроллинг в FireFox 3.5
Подсказал один верстальщик и решение оказывается простым:

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

Разница в отступах:
...
Рейтинг: 0 / 0
25.10.2009, 00:06
    #36270834
слоненок
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как убрать горизонтальный скроллинг в FireFox 3.5
Код: 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:10
    #36270839
слоненок
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как убрать горизонтальный скроллинг в FireFox 3.5
padding:3px; читать как padding-left:3px;
...
Рейтинг: 0 / 0
26.10.2009, 09:32
    #36271748
Berkut
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как убрать горизонтальный скроллинг в FireFox 3.5
слоненокpadding:3px; читать как padding-left:3px;
ну и? Этого и добивался, чтобы текст не был "прилеплен" к краям слоя.
...
Рейтинг: 0 / 0
26.10.2009, 09:35
    #36271757
Berkut
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как убрать горизонтальный скроллинг в FireFox 3.5
слоненок , за пример спасибо. Сразу не заметил.
Но в 2х слоях я знал, что можно сделать. Непонятно было почему в одном слое такое невозможно.
По-моему, интерпретация странная, что при увеличении паддингов увеличивается и ширина слоя. :-\
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как убрать горизонтальный скроллинг в FireFox 3.5 / 11 сообщений из 11, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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