Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Документ с DOCTYPE и без

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: Страницы различаются
Yuriy
Отправлено: 22 Октября, 2008 - 02:27:41
Post Id



Частый гость


Покинул форум
Сообщений всего: 142
Дата рег-ции: Июнь 2007  
Откуда: Азов


Помог: 0 раз(а)




Имеется некоторый документ - сверстанная на дивах форма. Она находится в диве #left_block1, который с DOCTYPE'ом имеет длину меньше чем форма, о чём свидетельствует рамка данного дива, если посмотреть в браузере (добавил в CSS рамочку для этого дива, чтобы было видно). А если убрать доктайп - всё нормально - тоже видно... Также, если убрать у #cell флоат - тоже рамочка, пардон, див имеет правильную ширину. Что делать, как думаете? С этими стандартами грохнуться можно... В IE всё нормально(!!!!!), Опера и FF отображает так, как описал Недовольство, огорчение

CODE (text):
скопировать код в буфер обмена
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
  3. <head>
  4. <style>
  5. #left_bar
  6. {
  7.         float:left;
  8.         width: 217px;
  9. }
  10. #left_block1
  11. {
  12.         margin: 8px auto;
  13.         width: 206px;
  14.     padding-bottom: 10px;
  15.     border: solid 1px red;
  16. }
  17. #cell
  18. {
  19.     float: left;
  20.         margin-top: 5px;
  21.         font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  22.         color : #717B85;
  23. }
  24. #inp_text
  25. {
  26.         float: right;
  27.         font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  28.         color: #717B85;
  29.         border: 1px solid #B8B8B8;
  30.         width: 150px;
  31.         margin-bottom: 3px;
  32. }
  33. </style>
  34. </head>
  35. <body>
  36. <div id="left_bar">
  37.         <div id="left_block1">
  38.                 <div id="cell">
  39.                         Логин:
  40.         </div>
  41.        <input name="Login" type="text" id="inp_text" />
  42.         </div>
  43. </div>
  44. </body>
  45. </html>

(Отредактировано автором: 22 Октября, 2008 - 03:01:08)



-----
Yuriy
 
 Top
valenok
Отправлено: 22 Октября, 2008 - 13:06:30
Post Id



Здесь могла бы быть ваша реклама


Покинул форум
Сообщений всего: 4574
Дата рег-ции: Июль 2006  
Откуда: Israel


Помог: 3 раз(а)




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


-----
Truly yours, Sasha.
 
My status
 Top
Yuriy
Отправлено: 22 Октября, 2008 - 13:48:49
Post Id



Частый гость


Покинул форум
Сообщений всего: 142
Дата рег-ции: Июнь 2007  
Откуда: Азов


Помог: 0 раз(а)




valenok, спасибо! А в чём коренное разлчие этих двоих доктайпов?

valenok, забыл сказать, что твой DOCTYPE также ничего не меняет. Посмотри мой пример в первом посте и подставь свой вариант. И убери вообще. Разница есть Огорчение

(Отредактировано автором: 22 Октября, 2008 - 15:49:53)



-----
Yuriy
 
 Top
valenok
Отправлено: 22 Октября, 2008 - 16:48:34
Post Id



Здесь могла бы быть ваша реклама


Покинул форум
Сообщений всего: 4574
Дата рег-ции: Июль 2006  
Откуда: Israel


Помог: 3 раз(а)




У тебя по всей видимости не хватает <div style='clear:both'></div>
после серии элементов с одинаковым обтеканием.

CODE (text):
скопировать код в буфер обмена
  1.  
  2. <div>
  3.  <div style='float:left'></div>
  4.  <div style='float:left'></div>
  5.  <div style='float:left'></div>
  6.  <div style='clear:both'></div>
  7. </div>
  8.  



--
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"


-----
Truly yours, Sasha.
 
My status
 Top
Yuriy
Отправлено: 22 Октября, 2008 - 17:25:37
Post Id



Частый гость


Покинул форум
Сообщений всего: 142
Дата рег-ции: Июнь 2007  
Откуда: Азов


Помог: 0 раз(а)




Помогает только если сразу за полем ввода поставить

<div style="clear:both"></div>

Прикольно, однако. Это нормально, что именно в этом месте помогло? Улыбка

Спасибо!

(Отредактировано автором: 22 Октября, 2008 - 17:29:15)



-----
Yuriy
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


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



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB