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
Форумы портала PHP.SU :: Версия для печати :: Документ с DOCTYPE и без
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Документ с DOCTYPE и без

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

1. Yuriy - 22 Октября, 2008 - 02:27:41 - перейти к сообщению
Имеется некоторый документ - сверстанная на дивах форма. Она находится в диве #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>
2. valenok - 22 Октября, 2008 - 13:06:30 - перейти к сообщению
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
3. Yuriy - 22 Октября, 2008 - 13:48:49 - перейти к сообщению
valenok, спасибо! А в чём коренное разлчие этих двоих доктайпов?

valenok, забыл сказать, что твой DOCTYPE также ничего не меняет. Посмотри мой пример в первом посте и подставь свой вариант. И убери вообще. Разница есть Огорчение
4. valenok - 22 Октября, 2008 - 16:48:34 - перейти к сообщению
У тебя по всей видимости не хватает <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"
5. Yuriy - 22 Октября, 2008 - 17:25:37 - перейти к сообщению
Помогает только если сразу за полем ввода поставить

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

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

Спасибо!

 

Powered by ExBB FM 1.0 RC1