Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как добиться кроссбраузерности?
 
 автор: pulsar21   (13.08.2011 в 14:10)   письмо автору
 
 

Сделал форму поиска с несколькими полями и над каждым полем надпись, заключенная в блок(div).
Во разных браузерах тексты надписей съезжают в разные стороны, а в Хроме надписи "Начало Тура" и "Длительность Тура" вообще съезжают вверх на 5px.
Вот примеры отображения:
http://kiteforum.in.ua/crosshromscreen.jpg
http://kiteforum.in.ua/crossiescreen.jpg
http://kiteforum.in.ua/crossmozillascreen.jpg
http://kiteforum.in.ua/crossoperascreen.jpg
Уважаемые гуру, подскажите решение...

  Ответить  
 
 автор: АЯ   (13.08.2011 в 16:08)   письмо автору
 
   для: pulsar21   (13.08.2011 в 14:10)
 

Шаблон может быть таким:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
div.fl {padding: 5px 30px 40px 5px; display: inline-block; background-color: aqua}
div.fl div {display: inline-block; font-size: 7pt; text-indent: 3px}
div.fl input {font-size: 7pt; width: 110px}
</style>
</head>
<body>
<div class="fl">
<h3>Поиск Тура</h3>
<div style="margin: 10px 5px 0 30px">Страна<br><input style="width: 180px"></div><div>Курорт<br><input></div>
<br>
<div style="margin: 0 5px 0 30px">Начало тура<br><input></div><div>Длительность<br><input></div>
<br>
<input type="button" value="Искать" style="margin: 10px 5px 0 30px">
</div>
</body>
</html>

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования