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

HTML+CSS+JavaScript

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

 

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

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

тема: Как DOCTYPE вредит делу
 
 автор: Владимир55   (17.06.2013 в 01:40)   письмо автору
 
 

На странице http://wowa55.pz9.ru/51.html установлено
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
При открытии этой страницы по середине экрана монитора появляется соответствующее сообщение. Вот такая работа нам и требуется.

А на странице http://wowa55.pz9.ru/52.html установлено
 <!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"> 

При открытии этой страницы надпись проваливается куда-то далеко вниз, за пределы экрана. Каким образом поправить код на этой странице для того, чтобы при данном значении DOCTYPE сообщение было на середине экрана?

  Ответить  
 
 автор: Deed   (17.06.2013 в 08:36)   письмо автору
 
   для: Владимир55   (17.06.2013 в 01:40)
 

http://wowa55.pz9.ru/modal_alrt.html
Я Вам делаю примеры на универсальных доктайпах. И поддерживаются они всеми браузерами, вплоть до корявого IE5.5
Также следите, чтобы html-код страницы начинался с самой первой строки, а если ему предшествует php, то доктайп должен следовать на той же строке и без пробела за закрывающим php-тегом:

<?php
//code
?><!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Oh! Uh!</title>
 * * *

  Ответить  
 
 автор: Владимир55   (17.06.2013 в 09:42)   письмо автору
 
   для: Deed   (17.06.2013 в 08:36)
 

Спасибо!
Очень ценное замечание! В дальнейшем буду деалать именно так!

  Ответить  
 
 автор: яса1   (17.06.2013 в 09:58)   письмо автору
 
   для: Deed   (17.06.2013 в 08:36)
 

>> Я Вам делаю примеры на универсальных доктайпах. И поддерживаются они всеми браузерами, вплоть до корявого IE5.5

IE5.5 поддерживает <!DOCTYPE html> ?

IE вплоть до 8 версии даже и не знает, что это такое

  Ответить  
 
 автор: Владимир55   (17.06.2013 в 10:11)   письмо автору
 
   для: яса1   (17.06.2013 в 09:58)
 

И все таки это странно!

Если сделать код совсем без DOCTYPE, то прямоугольник размещается по середине (см. http://wowa55.pz9.ru/224.php).

Если же использовать DOCTYPE, то прямоугольник смещается вниз (см. http://wowa55.pz9.ru/225.php и http://wowa55.pz9.ru/225.php).

При этом инспектор кода показывает существенно разные значения top.

И получается, что в зависимости от DOCTYPE код скрипта дает разные результаты. Даже просто из любопытства хотелось бы понять, как такое вообще возможно...

  Ответить  
 
 автор: Deed   (17.06.2013 в 12:59)   письмо автору
 
   для: Владимир55   (17.06.2013 в 10:11)
 

И зачем же указывать top:1258px, a потом удивляться: "WTF???"
Просто, замените этот отступ сверху на 258, например, рх.

  Ответить  
 
 автор: Владимир55   (17.06.2013 в 13:01)   письмо автору
 
   для: Deed   (17.06.2013 в 12:59)
 

Непосредственно в коде нет top:1258px. Соотвественно, не могу его и изменить...

Это все фокусы DOCTYPE.

  Ответить  
 
 автор: Deed   (17.06.2013 в 12:52)   письмо автору
193 Кб
 
   для: яса1   (17.06.2013 в 09:58)
 

Да, высказывание немного некорректно, но тестировал паги на IEWeaver в режимах вплоть до версии 5.5. И ничего, хоть и игнорирует неизвестный Доктайп, но отображает контент сносно...
А, пардон! Совместимый с версией 5.0 режим капризничает.
Но a-la IE7-режим читает контент как и было задумано (см. аттач)

  Ответить  
 
 автор: Владимир55   (17.06.2013 в 13:08)   письмо автору
 
   для: Deed   (17.06.2013 в 12:52)
 

За основу взят файл http://wowa55.pz9.ru/224.php, вообще не содержащий DOCTYPE.

А файлы http://wowa55.pz9.ru/225.php и http://wowa55.pz9.ru/226.php получены копированием и отличаются только наличием DOCTYPE, а прочий код, включая скрипт, совершенно одинаков! Но результаты работы этого скрипта разные - сами видите.

Интересно, да?

  Ответить  
 
 автор: Владимир55   (17.06.2013 в 13:53)   письмо автору
 
   для: Владимир55   (17.06.2013 в 13:08)
 

Всеж таки, хотелось как-то этот DOCTYPE победить.

Вроде бы, удалось, но только с помощью jQuery: http://wowa55.pz9.ru/226-2.php

  Ответить  
 
 автор: Deed   (17.06.2013 в 17:49)   письмо автору
 
   для: Владимир55   (17.06.2013 в 13:53)
 

http://books.google.com.ua/books?id=BDOUoQQE52EC&pg=PA20&lpg=PA20&dq=%D0%B4%D0%B5%D1%81%D0%BA%D1%80%D0%B8%D0%BF%D1%82%D0%BE%D1%80+doctype&source=bl&ots=DmwYHatcac&sig=exCAfx6a8mnRT4j9JH897Iz0yck&hl=uk&sa=X&ei=VRK_UYyzGYnb4QTX2oDABw&ved=0CDsQ6AEwAg#v=onepage&q=%D0%B4%D0%B5%D1%81%D0%BA%D1%80%D0%B8%D0%BF%D1%82%D0%BE%D1%80%20doctype&f=false
Короче: http://mzcoding.ru/?p=1065 & http://www.mini-server.ru/site/html-5/51-html5-overview/447-new-in-html5
А также http://habrahabr.ru/post/120364/

  Ответить  
 
 автор: Владимир55   (17.06.2013 в 18:25)   письмо автору
 
   для: Deed   (17.06.2013 в 17:49)
 

Да, интересно, спасибо!

Опять будут устаревшие элементы...

Кстати, всё хотел спросить: а что случится, если в самом начале, еще до DOCTYPE, будут пробелы или переносы строк?

Разве браузер не игнорирует эти знаки?

  Ответить  
 
 автор: Deed   (17.06.2013 в 19:03)   письмо автору
 
   для: Владимир55   (17.06.2013 в 18:25)
 

Авторы спецификаций не советуют в html-коде иметь хоть что-нибудь до Доктайпа. Лично мне этого достаточно. Да и всякие валидаторы крутят носы...

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

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