Форум PHP программистов > Как DOCTYPE вредит делу

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Страницы: 1, 2, 3

Владимир55

16.06.2013 - 23:28

На странице 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 сообщение было на середине экрана?

sergeiss

16.06.2013 - 23:47

Ты бы еще показал код того элемента, который "проваливается"

Чтоб его там не искать и не гадать "он - не он".

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

YVSIK

16.06.2013 - 23:50

Хм??
а при чем тут вообще это слово=> DOCTYPE?

а вообще это "ещё одно слово" валидность, о как !

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

Вот он эти правили и применяет, потому и проваливается, правила вывода разные, отсюда вывод:
верстать все страницы одного сайта в одном формате, впрочем это совсем другая тема.

Вот прежде чем верстать сайт, надо с самого начала определяться, в каком валидном формате начинать это делать, на лицо видно что этим правило пренебрегли. теперь надо устранять проблему , которую сами себе и придумали !

_____________
«Гнусное свойство карликовых умов приписывать
________________!свое духовное убожество другим!»
___О) как-же он прав=>__________________ © Оноре де Бальзак.
отличный хост(рекомендую !! )
My MVC-CMV

sergeiss

16.06.2013 - 23:55

И еще. При чем тут вообще ДОКТАЙП? Ты стили проверь, что ты выставил, что ли... В частности, позицию по вертикали проверь.

Плюс к этому, ~~нахрена~~ зачем ты бордер выставляешь отдельно для каждой стороны? Можно же сразу все бордеры одинаковые сделать (это же касается и padding - можно не выставлять отдельно, если они все одинаковые, а сразу для всех сделать).

PS. Другой вопрос: ты про CSS слышал? И о том, что стили можно выносить в отдельные файлы, тоже слышал? Это реально удобнее.

PPS. И зачем вообще столько лишнего писать про background??? Нет для него картинки - и нету, зачем это указывать? Лишние буквы, лишний трафик у юзера.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

AlmazDelDiablo

17.06.2013 - 00:02

ОффТоп:

Свернутый текст

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

_____________
Блог | VK | GitHub | Twitch

Владимир55

17.06.2013 - 00:07

Цитата (YVSIK @ 16.06.2013 - 19:50)

Вот прежде чем верстать сайт, надо с самого начала определяться, в каком валидном формате начинать это делать, на лицо видно что этим правило пренебрегли.

Не пренебрегли.
Весь сайт сверстан вот с таким заголовком:

<!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">

И все работает нормально, кроме этого проваливающегося окна.

Что касается общих замечаний про CSS, то сейчас это неважно. Сами видите, что это не рабочая страница, а макет, и создан он исключительно для того, чтобы высветить проблему.

И найти её решение.

sergeiss

17.06.2013 - 00:10

z-index: 999; 

position: absolute; 
left: 434.5px; 
top: 132px;
width: 350px; 
height: 130px;

border-bottom-color: blue; 
border-bottom-width: 5px; 
border-bottom-style: solid; 

border-left-color: blue; 
border-left-width: 5px; 
border-left-style: solid; 

border-top-color: blue; 
border-top-width: 5px; 
border-top-style: solid; 

border-right-color: blue; 
border-right-width: 5px; 
border-right-style: solid; 

padding-bottom: 10px; 
padding-left: 10px; 
padding-right: 10px; 
padding-top: 10px; 

background-attachment: scroll; 
background-repeat: repeat; 
background-image: none; 
background-position: 0% 0%; 
background-size: auto; 
background-origin: padding-box; 
background-clip: border-box; 
background-color: rgb(236, 242, 230);

Владимир, выше показан стиль того самого элемента, только я сгруппировал элементы логически. Все величины оставлены, как есть.
А теперь смотри, как эта хрень упаковывается:

z-index: 999; 

position: absolute; 
left: 434.5px; 
top: 132px;
width: 350px; 
height: 130px;

border: 5px solid blue;

padding: 10px; 

background-color: rgb(236, 242, 230);

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

Быстрый ответ:

Здесь расположена полная версия этой страницы.