Форум программистов, компьютерный форум, киберфорум
Наши страницы
C#: Web, ASP.NET
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.88/8: Рейтинг темы: голосов - 8, средняя оценка - 4.88
Ernesto Gaudi
0 / 0 / 0
Регистрация: 28.03.2011
Сообщений: 16
1

Правильный CSS для всех браузеров

11.05.2011, 09:44. Просмотров 1404. Ответов 11
Метки нет (Все метки)

Моя проблема заключается в том что скроллинг получается разным на разных браузерах. В хроме страница центрируется нормально, без нижнего скроллинга снизу. в Мозиле появляется скроллинг лишний снизу, хотя у меня ничего лишнего с права страницы нет. в IE сначала нет лишнего скроллинга, но после того как я начинаю перемещаться по сайту он появляется автоматически на 150px, столько сколько я указан в padding-left. Все перебробовал, на сайты заходил и сверял свой css с ихними. ничего толком не выходит. если кто решил эту проблему или знает как помогите плиз.! у меня все определяет мастер пейдж,от неё наследуются остальные. ссs стайл определяет файл Style.ccs где

HTML5
1
2
3
4
5
6
7
8
9
10
11
body 
{
     font-size: .80em;
     font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
      color: #696969;  
       margin: 0px;
    padding: 150px;
  display: table;
       
    
}
а пейдж

HTML5
1
2
3
4
5
6
.page
{
    
    background-color: White;   
    margin: 20px auto 0px auto;    
}
Заранее благодарю

Добавлено через 22 часа 41 минуту
народ ни кто с такой проблемой не сталкивался разве? может есть инфо где капать надо показать
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
11.05.2011, 09:44
Ответы с готовыми решениями:

Разный css для разных браузеров
Делаю сайт на asp.net и хочу сделать разные css стили для различных браузеров!...

Центрировать элемент LOGIN для всех браузеров и мониторов
Здравствуйте, Моя форма авторизации Login.Aspx. На ней имеется соотвественно...

Что оптимальнее HTML + CSS + JS + С# или HTML + CSS + JS + Java и для каких задач?
Объясните, пожалуйста что оптимальнее и для каких задач HTML + CSS + JS + C#...

Content-disposition для разных браузеров (или как идентифицировать IE)
Добрый день, коллеги! Вопрос, казалось бы, простой, но решения я простого не...

CSS для разных браузеров
Как присвоить каждому из браузеров отдельный ксс стиль ? (хром, мозила, опера,...

11
Johnny_D
Padawan
473 / 323 / 30
Регистрация: 30.01.2010
Сообщений: 1,842
11.05.2011, 13:11 2
Ernesto Gaudi, сложно сказать сразу, т.к. моего опыта тоже не достаточно. А можешь заскринить, что именно тебе мешает. Т.к. это действительно связано с различиями самих браузеров.
0
berkut05
1 / 1 / 1
Регистрация: 15.09.2010
Сообщений: 155
11.05.2011, 23:58 3
Мне друг дал ссылку, посмотри может поможет http://inetex.ru/uroki_browser
0
Ernesto Gaudi
0 / 0 / 0
Регистрация: 28.03.2011
Сообщений: 16
12.05.2011, 14:04  [ТС] 4
Цитата Сообщение от Johnny_D Посмотреть сообщение
Ernesto Gaudi, сложно сказать сразу, т.к. моего опыта тоже не достаточно. А можешь заскринить, что именно тебе мешает. Т.к. это действительно связано с различиями самих браузеров.
рисунок с chrome показывает без скролла

рисунок с mozilla со скроллом
0
Миниатюры
Правильный CSS для всех браузеров   Правильный CSS для всех браузеров  
Ernesto Gaudi
0 / 0 / 0
Регистрация: 28.03.2011
Сообщений: 16
12.05.2011, 14:06  [ТС] 5
padding-left используя и выбирая display:table, в хроме скролл исчезает. свойство scroll="no" прописывать в body в мастер пейдж тоже не помогает. вот солушин ни как не могу найти на эту задачу
0
Johnny_D
Padawan
473 / 323 / 30
Регистрация: 30.01.2010
Сообщений: 1,842
12.05.2011, 14:48 6
Ernesto Gaudi, Фиксированная ширина страницы не помогает? Заранее меньше размеров экрана?
1
mustf4
33 / 33 / 3
Регистрация: 13.10.2009
Сообщений: 119
12.05.2011, 18:43 7
Цитата Сообщение от Johnny_D Посмотреть сообщение
Ernesto Gaudi, Фиксированная ширина страницы не помогает? Заранее меньше размеров экрана?
Это действительно хорошая идея. У меня такое было, стоило задать ширину body (если не ошибаюсь) равным 99% (или 98% - точно не помню), так горизонтальный скролл исчез и не появлялся.
1
Ernesto Gaudi
0 / 0 / 0
Регистрация: 28.03.2011
Сообщений: 16
13.05.2011, 15:41  [ТС] 8
Сделал так,все равно не проходит скролл. Может пример покажешь mustf4? так чтоб наглядно было, заранее все спасибо

HTML5
1
2
3
4
5
6
7
8
9
10
11
body   
{
     font-size: .80em;
     font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
      color: #696969;  
      display:table;
        width:98%;
      padding-left: 100px;
       
    
}
0
Johnny_D
Padawan
473 / 323 / 30
Регистрация: 30.01.2010
Сообщений: 1,842
13.05.2011, 15:44 9
Ernesto Gaudi, так, если не сложно, скинь разметочку страницы в архиве в топик. Попытаюсь помочь.
0
Ernesto Gaudi
0 / 0 / 0
Регистрация: 28.03.2011
Сообщений: 16
13.05.2011, 15:49  [ТС] 10
Сам сss файл имеешь же ввиду? если тебе не сложно помочь,мне вдвойне легче скинуть))
0
Вложения
Тип файла: zip Site.zip (1.3 Кб, 13 просмотров)
Johnny_D
Padawan
473 / 323 / 30
Регистрация: 30.01.2010
Сообщений: 1,842
13.05.2011, 17:03 11
Ernesto Gaudi, эм, ну без контента то натянуть этот css не на что ) Тогда уж и сам проект.
0
Johnny_D
Padawan
473 / 323 / 30
Регистрация: 30.01.2010
Сообщений: 1,842
17.05.2011, 13:01 12
Я кажется нашел ответ на твой вопрос
Юзай вот такую штуку

CSS
1
2
3
1   body {
2      overflow-x: hidden;
3   }
0
17.05.2011, 13:01
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
17.05.2011, 13:01

Css для разных браузеров
Делаю сайт на asp.net и хочу сделать разные css стили для различных браузеров!...

JavaScript для CSS для различных браузеров
Здравствуйте! Мне необходим скрипт на javascripte, который открывал бы css файл...

Отдельные css файлы стилей для разных браузеров
Как сделать отдельный css файл для firefox. Пока на ум приходит только подмена...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
12
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru