[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: $_SERVER или как подключить нужный CSS
denis39
При вёрстке сайта начал замечать что множество элементов не корректно отображаются в каждом браузере. Хоть этот вопрос и не очень относится к PHP, но всё же думаю каждый кто знаком с сайтостроением эту проблему каким-либо образом решал.

Итак перейдём к делу. У меня имеется один общий файл CSS, но при открытии сайта в разных браузерах получается вот что: http://s42.radikal.ru/i097/1001/6c/0cd82623fd8c.jpg

Многим будет понятно что слева картинка это мозилла, т.к всё работает и стоит на своих местах. По центру опера, сразу видно картинки съехали вниз, с чекбоксом проблмы, текст опущен, а справа IE, т.к прозрачности .png нету.

Слышал что можно решить эту проблему с помощью $SERVER[http_user_agent]. Проверять какой у пользователя браузер и подключать нужный CSS, отдельный для каждого браузера или с помощью специальных тегов. Я попробовал некоторые примеры, но как меняю один CSS сразу во всех браузерах перекашивает всё.

Помогите решить проблему sad.gif



Спустя 6 минут, 23 секунды (4.01.2010 - 22:03) Romms написал(а):
У меня тоже когдато была така идея... но потом я выучил CSS!
Думаю ты меня поймешь...

Лучше ты б выложил файл CSS (нужного элемента)(и HTML тоже) и мы тебе сказали как это сделать кросбраузерно без никаких никому не нужных фигонь!

Спустя 2 минуты, 39 секунд (4.01.2010 - 22:06) Gabriel написал(а):
подключать разные css в зависимости от браузера помоему абсолютно глупая идея (сам над такой думал когда начинал) ибо создать кросбраузерный сайт для 3 браузеров не так тяжело, а то что такие расплывы ну явно чегото намудрил.
ЗЫ как это в опере по разному видно?

Спустя 5 минут, 25 секунд (4.01.2010 - 22:11) denis39 написал(а):
Цитата (Gabriel @ 4.01.2010 - 19:06)
создать кросбраузерный сайт для 3 браузеров не так тяжело, а то что такие расплывы ну явно чегото намудрил.
ЗЫ как это в опере по разному видно?

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

З.Ы да в опере и мозиле по разному отображается

Спустя 48 секунд (4.01.2010 - 22:12) denis39 написал(а):
сча дам CSS

Спустя 3 минуты, 11 секунд (4.01.2010 - 22:15) denis39 написал(а):

//Закруглённое поле ввода, на среднем скрине в опере чекбокс тоже стал закруглённым sad.gif
input{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:normal;
color:#000000;
padding:4px 10px 4px 10px;
border:none;
width:157px;
height:24px;
background:url('images/sample_input.png') 0 0 no-repeat;
}

//отступ для теста у поля логин
input.login1{
padding-left: 25px;
}

отступ для текста у поля пароль
input.pass1{
padding-left: 25px;
}


//иконка в поле логин
.user_icon
{
height: 16px;
width: 16px;
position: absolute;
top: 196px;
right: 184px;
border:0px;
background-image: url(images/user.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: #FFFFFF;

}

//иконка в поле пароль
.user_icon2
{
height: 16px;
width: 16px;
position: absolute;
top: 259px;
right: 184px;
border:0px;
background-image: url(images/lock.png);
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: #FFFFFF;
}



<form action="test_user.php" method="post">
<img
class='user_icon'></img>
<p>
<label>
Ваш логин:<br></label>
<input
class='login1' name="login" type="text" size="15" maxlength="15">
</p>

<img
class='user_icon2'></img>
<p>
<label>
Ваш пароль:<br></label>
<input
class='pass1' name="password" type="password" size="15" maxlength="15">
</p>


Спустя 14 часов, 45 минут, 41 секунда (5.01.2010 - 13:01) Gabriel написал(а):
denis39
чекбокс тоже есть input. вывод поставить классы там где нужно закруглить, а плывет у тебя все из-за этого position: absolute; мне оно никогда не нравилось (да и будет благословлен glock18 за от-учение меня от релативного позиционирования). там все прекрасно делаться без позиционирований. да и насчет size ишак будет поле пароля делать меньше пиксели лучше использовать.

Спустя 42 минуты, 22 секунды (5.01.2010 - 13:43) denis39 написал(а):
Gabriel
Убрал position: absolute так в лисичке вобще картинки пропали, а в остальных браузерах разлетелись за пределы формы аж sad.gif

Мде....ситуация

Спустя 18 минут, 47 секунд (5.01.2010 - 14:02) Gabriel написал(а):
denis39
тю блин у тебя картинки тегами стоят так и запихни их в <p></p> и настрой ширину обоим внутренним элементам.

Спустя 15 минут, 21 секунда (5.01.2010 - 14:17) denis39 написал(а):
омг. всё равно съезжают я наверн что-то не правильно делаю

Спустя 31 минута, 19 секунд (5.01.2010 - 14:49) Gabriel написал(а):
блин сори туплю дико. помоему действительно картинки без абсолюта не поставить в инпуты. ну а чтоб не заморачиваться можно пририсовать к картинке которая стоит как фон в инпуте

Спустя 5 часов, 35 минут, 4 секунды (5.01.2010 - 20:24) denis39 написал(а):
ВО...получилось. Всё встало на свои места. Ток возник один вопрос: http://i063.radikal.ru/1001/1c/3c4ffb3d55c3.jpg
Эти жёлтые прямоугольники отображаются только в опере, как убрать?

Спустя 19 минут, 57 секунд (5.01.2010 - 20:44) Joker написал(а):
Цитата (denis39 @ 5.01.2010 - 22:24)
Эти жёлтые прямоугольники отображаются только в опере, как убрать?


Никак, это жезл, он автоматический опера так обозначает поля которые есть у неё в памяти логинов/паролей.

Спустя 28 минут, 12 секунд (5.01.2010 - 21:12) denis39 написал(а):
Joker
Спасибо. Значит всё рабочее.

Спустя 48 минут, 21 секунда (5.01.2010 - 22:00) Joker написал(а):
Цитата (denis39 @ 5.01.2010 - 23:12)
Спасибо. Значит всё рабочее.

Можно конечно сделать так что он это обозначал красиво) а не как сейчас)
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.