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

HTML+CSS+JavaScript

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

 

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

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

тема: Вывод одной и той же страницы в разных браузерах
 
 автор: Wood   (31.03.2006 в 21:23)   письмо автору
 
 

Имеется страница примерно такого плана:

<html>
<head>
<STYLE><!--
.1 { margin-left: 7.5mm; margin-top: 5mm} 
.2 { margin-top: 20mm; margin-left: 8mm}
.3 {margin-left: 8mm; margin-top: 4mm} 
--></STYLE>
</head>
<body bgcolor="#69B1D2" background="fon.jpg"> 
<div class="1">
<iframe WIDTH=305 HEIGHT=219 src="3.html" ALIGN="left" ></iframe>
</div>
<br clear="left">
<form method="get">
<div class="2">
<textarea name="mes" rows=3 cols=53></textarea>
</div>
<div class="3">
<img src="button.gif" border="0" alt="Послать" name="button"></div>
</form>
</html>

И в разных браузерах она принимет разный вид. Почему?

   
 
 автор: codexomega   (31.03.2006 в 21:55)   письмо автору
 
   для: Wood   (31.03.2006 в 21:23)
 

Не все браузеры поддерживают одни и те-же стили.
Надо искать универсальность.

   
 
 автор: Wood   (31.03.2006 в 22:10)   письмо автору
 
   для: codexomega   (31.03.2006 в 21:55)
 

Но как, это я и хочу выяснить...

   
 
 автор: Sergey89   (01.04.2006 в 15:06)   письмо автору
 
   для: Wood   (31.03.2006 в 22:10)
 

Попробуй укажи DOCTYPE

   
 
 автор: Wood   (01.04.2006 в 21:08)   письмо автору
 
   для: Sergey89   (01.04.2006 в 15:06)
 

Об этом пожалуйста поподробнее, я ещё только учусь :(

   
 
 автор: codexomega   (02.04.2006 в 00:52)   письмо автору
 
   для: Wood   (01.04.2006 в 21:08)
 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
...


вместо простого


<html>
...

   
 
 автор: Wood   (02.04.2006 в 10:27)   письмо автору
 
   для: codexomega   (02.04.2006 в 00:52)
 

Не помогло :(

   
 
 автор: Wood   (02.04.2006 в 17:35)   письмо автору
 
   для: Wood   (02.04.2006 в 10:27)
 

Неужели никто не сталкивался с этим?!

   
 
 автор: 12345   (02.04.2006 в 20:18)   письмо автору
 
   для: Wood   (02.04.2006 в 17:35)
 

Слушай, а зачем тогда разные браузеры, если в них будет одно и то же?

   
 
 автор: Wood   (02.04.2006 в 20:28)   письмо автору
 
   для: 12345   (02.04.2006 в 20:18)
 

Если выложить страницу, код который я написал ранее, то у пользователей IE будет всё нормально, а у других пользователей будет всё сикось накось!
Хотелось бы узнать как, сделать так, чтобы для всех пользователей всё выглядило одинаково :)

   
 
 автор: 12345   (02.04.2006 в 21:26)   письмо автору
 
   для: Wood   (02.04.2006 в 20:28)
 

Если ориентироваться по IE, то этот код довольно повторяем:


<html> 
<head> 
<STYLE><!-- 
.c1 { margin-left: 7.5px; margin-top: 5px} 
.c2 { margin-top: 20px; margin-left: 8px} 
.c3 {margin-left: 8px; margin-top: 4px} 
--></STYLE> 
</head> 
<body bgcolor="#69B1D2" background="fon.jpg"> 
<div class="c1"> 
<iframe WIDTH=305 HEIGHT=219 src="3.html"></iframe> 
</div> 
<br> 
<form method="get"> 
<div class="c2"> 
<textarea name="mes" rows=3 cols=53></textarea> 
</div> 
<div class="c3"> 
<img src="button.gif" border="0" alt="Послать" name="button"></div> 
</form> 
</html> 


А вообще - это дело и искусство дизайнера, он опыта набирается и не задаёт таких вопросов.

   
 
 автор: Wood   (03.04.2006 в 10:27)   письмо автору
 
   для: 12345   (02.04.2006 в 21:26)
 

Так уже пробовал-не получилось, поэтому пишу сюда....

   
 
 автор: Бамси   (03.04.2006 в 10:31)   письмо автору
 
   для: Wood   (03.04.2006 в 10:27)
 

Просто напишите в низу страницы, Адаптировано под IE >5. И нет проблемм :)

   
 
 автор: Rok   (03.04.2006 в 10:38)
 
   для: Бамси   (03.04.2006 в 10:31)
 

Как раз это у меня и было до недавнего времени :)

   
 
 автор: AlexSol   (03.04.2006 в 10:41)   письмо автору
 
   для: Rok   (03.04.2006 в 10:38)
 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head> 
<STYLE><!-- 
.c1 { margin-left: 7.5px; margin-top: 5px} 
.c2 { margin-top: 20px; margin-left: 8px} 
.c3 {margin-left: 8px; margin-top: 4px} 
--></STYLE> 
</head> 
<body bgcolor="#69B1D2" background="fon.jpg"> 
<div class="c1"> 
<iframe WIDTH=305 HEIGHT=219 src="test.html"></iframe> 
</div> 
<br> 
<form method="get"> 
<div class="c2"> 
<textarea name="mes" rows=3 cols=53></textarea> 
</div> 
<div class="c3"> 
<img src="button.gif" border="0" alt="&#207;&#238;&#241;&#235;&#224;&#242;&#252;" name="button"></div> 
</form> 
</html> 


а что конкретно не нравиться? вроде все похоже...

   
 
 автор: Wood   (03.04.2006 в 11:53)   письмо автору
 
   для: AlexSol   (03.04.2006 в 10:41)
 

Дело в том, что у меня всё подстроено под фон, и изменения даже на 1 пиксел, будут приводить к ошибки :(

   
 
 автор: AlexSol   (03.04.2006 в 12:07)   письмо автору
 
   для: Wood   (03.04.2006 в 11:53)
 

это другой разговор -- в приведенном фрагменте мне фона невидно и более конкретно сказать сложно.

общие рекомендации: используйте

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">перед <html>

не ленитесь указавть все параметры, т.е.

элемент {
  padding:10px 0 0 0;
  margin:0;
  position:relative;
  float:left;
  .....
}


//значение 7.5px сомнительно


спозиционировали один элемент, проверили в разных броузерах, внесли правку, перешли к следующему элементу,.....

//можете прикрепить ссылку на полную версию --- посмотрим

   
 
 автор: Wood   (03.04.2006 в 19:00)   письмо автору
 
   для: AlexSol   (03.04.2006 в 12:07)
 

Просмотр начинайте с файла 1.html, через IE, а потом через другие браузеры.

   
 
 автор: Wood   (03.04.2006 в 22:18)   письмо автору
 
   для: Wood   (03.04.2006 в 19:00)
 

HELP ME!!!

   
 
 автор: AlexSol   (04.04.2006 в 11:35)   письмо автору
 
   для: Wood   (03.04.2006 в 22:18)
 

посмотрел и ужаснулся!!!!!!!......

у вас изначально неверный подход к формированию страницы

надосуге сделаю пробный экземпляр, а пока советую почитать

   
 
 автор: Wood   (04.04.2006 в 19:07)   письмо автору
 
   для: AlexSol   (04.04.2006 в 11:35)
 

Не профессионал, но как говорится на ошибках учатся!
Если объясните на примере как это сделать, буду очень признателен !!!

   
 
 автор: AlexSol   (05.04.2006 в 10:10)   письмо автору
 
   для: Wood   (04.04.2006 в 19:07)
 

ждите...

   
 
 автор: AlexSol   (05.04.2006 в 11:23)   письмо автору
 
   для: AlexSol   (05.04.2006 в 10:10)
 

вобщем вот, смотрите, принцип такой:

   
 
 автор: НовичОК   (05.04.2006 в 21:32)
 
   для: AlexSol   (05.04.2006 в 11:23)
 

Я конечно не спец, но в Вашем варианте выводятся данные не лучше...

   
 
 автор: AlexSol   (06.04.2006 в 09:59)   письмо автору
 
   для: НовичОК   (05.04.2006 в 21:32)
 

а вы чем смотрели? в моем варианте нет четкой привязки объектов к фону=> смещение в пару пикселей не столь критично

   
 
 автор: НовиОК   (06.04.2006 в 10:39)
 
   для: AlexSol   (06.04.2006 в 09:59)
 

У меня в опере, даже синий фон был длинее.

   
 
 автор: AlexSol   (06.04.2006 в 10:50)   письмо автору
 
   для: НовиОК   (06.04.2006 в 10:39)
 

ну даже не знаю... у меня нормамльно. елси вы имеете в виду, что начальная картинка не совпадает с конечным вариантом (типа по ширине, высоте и отступам), то да, не спорю : как-никак у меня и основная работа имеется... вобщем гляньте на исходник сверху и согласитесь, что прогресс на лицо (или свой вариант предложите). вобщем речь шла исключительно о принципе - - как добиться совместимости - - полная совместимость и готовый проект тоже можно, но как говориться, это в раздел работа.

   
 
 автор: P@Sol   (03.04.2006 в 11:52)   письмо автору
 
   для: Wood   (31.03.2006 в 21:23)
 

вопрос в тему - сайт ramite.ru - почему firefox не применяет стили (или вернее применяет не все стили)?

   
Rambler's Top100
вверх

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