Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.55/11: Рейтинг темы: голосов - 11, средняя оценка - 4.55
 Аватар для wtf bro
8 / 8 / 1
Регистрация: 30.07.2013
Сообщений: 162

Вёрстка для всех браузеров

29.07.2015, 19:17. Показов 2182. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго дня. Есть один скрипт на сайте, в Хроме и Опере отображается как я хочу, но вот в Мозиле идёт смещение влево на пикселей 20. Как сделать одинаково отображение во всех браузерах?
Корректирую размещение в классе .wrapper
CSS
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
32
33
34
35
36
.wrapper {
    margin-left:760px;
    margin-top:-20px;
    float:left
     }
a { color: #61b3a3; }
a:hover { color: darkred; }
.clear { clear: both; }
 
ul.dropdown li { position: relative; }
ul.dropdown,
ul.dropdown-inside {
    list-style-type: none;
    padding: 0;
}
ul.dropdown-inside { 
    position: absolute;
    left: -9999px;
}
ul.dropdown li.dropdown-top {
    display: inline;
    float: left;
    margin: 0 1px 0 0; 
}
ul.dropdown li.dropdown-top a {
    padding: 3px 10px 4px;
    display: block;
}
ul.dropdown a.dropdown-top
ul.dropdown a.dropdown-top:hover { padding: 2px 10px 5px; }
ul.dropdown li.dropdown-top:hover .dropdown-inside {
    display: block;
    left: 0;
}
ul.dropdown .dropdown-inside { background: #07141e; }
ul.dropdown .dropdown-inside a:hover
Код HTML отвечающий за вывод меню:
HTML5
1
2
3
4
5
6
<div class="wrapper">
    <ul class="dropdown">
        <li class="dropdown-top">
            <a class="dropdown-top">Меню</a>
            <ul class="dropdown-inside">
                <li><a href="http://site.ru">Подпункт</a></li>
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
29.07.2015, 19:17
Ответы с готовыми решениями:

Каркас для всех браузеров
Всем привет, помогите с дизайном для сайта, не могу ни как сделать каркас, кто может сделать набросок по образцу ??

Центровка строки на картинке для всех браузеров
Помогите, пожалуйста, отцентровать по вертикали число на фоне кружка. Если ставлю line-height: 22px, то в хроме ровно, а в IE, опере и...

Адаптивная таблица для всех браузеров, включая IE и Chrome
Есть таблица. На больших экранах таблица отображается полностью. &quot;Утренняя группа 8:00 -13:00 c 18/02/2015 Акция стоимость Вечерняя...

3
 Аватар для arcmag
347 / 322 / 203
Регистрация: 27.06.2014
Сообщений: 762
31.07.2015, 07:47
Ну попробуйте сбросить отступы всех элементов вначале вашего css файла

CSS
1
*{margin:0px; padding:0px;}
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
31.07.2015, 12:54
wtf bro, достаточно задать ul{margin:0} ...
0
 Аватар для whiteapps
414 / 379 / 220
Регистрация: 18.07.2014
Сообщений: 1,259
31.07.2015, 12:56
Лучший ответ Сообщение было отмечено Taatshi как решение

Решение

wtf bro, используйте css reset http://habrahabr.ru/post/45296/
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
31.07.2015, 12:56
Помогаю со студенческими работами здесь

Как растянуть бэкграунд для всех браузеров на весь экран?
Товарищи, добрый день. Знаю я мало, но вот пытаюсь украсить свой сайт. Сделал его в юкозе, но хочу чтобы первая страничка была...

Одинаковая верстка на всех устройствах
Добрый вечер, не давно зашел на сайт случайно ссылка И он на всех устройствах отображается один в один, только меняется масштаб,...

Универсальный сайт для всех браузеров
Доброго времени суток. Ну вот я наконец-то доделал свой первый сайт. Теперь хочу сделать так, чтобы он отображался корректно на всех...

Правильный CSS для всех браузеров
Моя проблема заключается в том что скроллинг получается разным на разных браузерах. В хроме страница центрируется нормально, без нижнего...

Добавление сайта в избранное - для всех браузеров
я не спец в яваскрипт - поєтому если задам некорректній вопрос - не бейте сильно. вот использую скрипт для добваления старниці в избр....


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru