Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   откуда берется промежуток? (DOCTYPE виноват) (https://javascript.ru/forum/xhtml-html-css/3184-otkuda-beretsya-promezhutok-doctype-vinovat.html)

mister_maxim 25.03.2009 16:20

откуда берется промежуток? (DOCTYPE виноват)
 
Здравствуйте, народ.
Суть проблемы:
Непонятно откуда берется промежуток в опере и в файрфоксе между ифреймом и дивом.
замечание:
при отсутствии начального DOCTYPE тега, который обязательно нужен по правилу нашей организации во имя стандартного отображения, работает верно - и вплотную штыкуется див к ифрейму.
Элементарный демонстрирующий проблему код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <style>
            iframe {
                margin: 0px;
                padding:0px;
                border-style: solid;
                border-width: 1px;
                border-color: #AAAAAA;
            }
            div {
                margin: 0px;
                padding:0px;
                border-style: solid;
                border-width: 1px;
                border-color: #AAAAAA;
                height: 50px;
                background-color: #ff0000;
            }
        </style>
    </head>
    <body>
        <iframe></iframe>
        <div></div>
    </body>
</html>

Вопрос:
По какому правилу появлется промежуток?.. и где можно прочитать правила по которому работает браузер при включенном теге DOCTYPE, который я привел в коде примера?

ZoNT 25.03.2009 16:44

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<style>
			iframe {
				margin: 0px;
				padding:0px;
				border: 1px solid #AAA;
				display: block;
			}
			div {
				margin: 0px;
				padding:0px;
                border: 1px solid #AAA;
				height: 50px;
				background-color: #ff0000;
			}
		</style>
	</head>
	<body>
		<iframe></iframe><div></div>
	</body>
</html>

mister_maxim 26.03.2009 12:10

Спасибо, ZoNT, работает :)
фокус весь оказывается был в непонимании border-style, border-width и border-color, т.е. требуется строго определенная и вместе с тем более короткая запись border со всеми ее параметрами в одну строку. Буду знать :)

Gvozd 26.03.2009 12:31

человек кажется не понял, в чем соль.
соль же в свойстве display: block;

ZoNT 26.03.2009 12:31

фокус был в display: block;

x-yuri 27.03.2009 02:11

Цитата:

и где можно прочитать правила по которому работает браузер при включенном теге DOCTYPE, который я привел в коде примера?
[для полноты ответа] ну, это, стандарты... html, css ну и др


Часовой пояс GMT +3, время: 03:56.