Форум

mister_maxim · #1 (**permalink**) 25.03.2009, 16:20

Здравствуйте, народ.

Суть проблемы:
Непонятно откуда берется промежуток в опере и в файрфоксе между ифреймом и дивом.
замечание:
при отсутствии начального 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 · #2 (**permalink**) 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 · #3 (**permalink**) 26.03.2009, 12:10

Спасибо, ZoNT, работает

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

Gvozd · #4 (**permalink**) 26.03.2009, 12:31

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

ZoNT · #5 (**permalink**) 26.03.2009, 12:31

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

x-yuri · #6 (**permalink**) 27.03.2009, 02:11

Цитата:

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

[для полноты ответа] ну, это, стандарты... html, css ну и др

Форум

Справочник

Discord чат

Курсы javascript