Имеется некоторый документ - сверстанная на дивах форма. Она находится в диве #left_block1, который с DOCTYPE'ом имеет длину меньше чем форма, о чём свидетельствует рамка данного дива, если посмотреть в браузере (добавил в CSS рамочку для этого дива, чтобы было видно). А если убрать доктайп - всё нормально - тоже видно... Также, если убрать у #cell флоат - тоже рамочка, пардон, див имеет правильную ширину. Что делать, как думаете? С этими стандартами грохнуться можно... В IE всё нормально(!!!!!), Опера и FF отображает так, как описал
CODE ( text):
скопировать код в буфер обмена
<!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" xml:lang="ru" lang="ru"> <head> <style> #left_bar { float:left; width: 217px; } #left_block1 { margin: 8px auto; width: 206px; padding-bottom: 10px; border: solid 1px red; } #cell { float: left; margin-top: 5px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color : #717B85; } #inp_text { float: right; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #717B85; border: 1px solid #B8B8B8; width: 150px; margin-bottom: 3px; } </style> </head> <body> <div id="left_bar"> <div id="left_block1"> <div id="cell"> Логин: </div> <input name="Login" type="text" id="inp_text" /> </div> </div> </body> </html>
(Отредактировано автором: 22 Октября, 2008 - 03:01:08)
|