Помогите с кроссбраузерностью.

23

Safonkin

14 апреля 2010, 13:23

416

Учусь верстать, и вот возникли следующие проблемы:

1) разный размер шрифтов в файрфоксе/хроме и опере/эксплоере.

2)Логотипчик сайта должен размещатся слева от небольшой шапки. В шапку его включить нельзя.

Делал так: <div id="logo"><img spc="...."></div>

И в стилях: #logo {position: absolute;}

В хроме, файрфоксе и десятой опере отображается как надо, а в эксплоере логотип налезает на шапку, а в 9.5 опере лого встаёт сверху шапки :(

Я так и не понял, как решаются проблемы кроссбраузерности. Надо для каждого бразуера отдельные стили прописывать?

5

tery

14 апреля 2010, 13:33

#1

position: absolute;z-index:1; left: x; top:y;

где х - ширина в пикселях или %, а у - высота.

z-index:1; - номер "слоя" для отображения.

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

Короткометражные фильмы (http://www.shorts-tv.ru) | Мотоциклы, их история и люди, которые на них ездят (http://www.ride-moto.ru)

I

61

Instructor

14 апреля 2010, 13:37

#2

Safonkin:
Надо для каждого бразуера отдельные стили прописывать?

Отдельный файлик может понадобиться разве что для 6го осла, в остальных браузерах все можно сделать одним стилем.

23

Safonkin

14 апреля 2010, 13:44

#3

tery:
position: absolute;z-index:1; left: x; top:y;

где х - ширина в пикселях или %, а у - высота.
z-index:1; - номер "слоя" для отображения.
например можно две картинки с прозрачным фоном вывести в одни координаты и задать им разный з-индекс, та, у которой он меньше, будет отображаться ПОД той, у которой он больше.

Спасиб, помогло! просто у меня x=0 и y=0, поэтому решил что можно не писать)))

про z-index очень полезная инфо!

А шрифты?

В css у меня #content {font-size: 1.1em;} но в опере всё равно шрифт здоровый, а как сделать чтобы это на все браузеры распространялось?

[Удален]

14 апреля 2010, 14:13

#4

сделаю вам хорошую подсказку - гуглите и читайте про reset.css

5

tery

14 апреля 2010, 15:13

#5

Safonkin:

А шрифты?

В css у меня #content {font-size: 1.1em;} но в опере всё равно шрифт здоровый, а как сделать чтобы это на все браузеры распространялось?

я обычно верстаю на значениях в пикселах - px, т.е. если я хочу совсем маленький шрифт, тонюсенький, то в стилях прописываю - {font-size: 8px;}

Если средний, то в 10px, ну и большой, это уже 12-14px..

Safonkin:
Спасиб, помогло! просто у меня x=0 и y=0, поэтому решил что можно не писать)))

с помощью задания координат объектов и их параметров по высоте/ширине делают фиксированную или же так заываемую - резиновую вёрстку.

Верстайте на здоровье ;)

23

Safonkin

14 апреля 2010, 19:51

#6

bearman:
сделаю вам хорошую подсказку - гуглите и читайте про reset.css

Спасиб за подсказку))) не знал про это, буду читать.:)

Тренды маркетинга в 2024 году: мобильные продажи, углубленная аналитика и ИИ

Курс биткоина превысил $50 тысяч