Создание сетки

Добрый день!
Попробовала из урока 7/15 курса воспроизвести код в Notepad на ноутбуке. Такой вид, как в минибраузере у меня не получается. Можете подсказать, в чем проблема? Скрин страницы в Мозилла

<!DOCTYPE HTML PUBLIC"-//W3S//DTD HTML 4.01 Transitional//EN"
						"http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>Создание сетки страницы</title>
		<meta http-equiv="Content-Type" content="text/html;utf-8">
		<link rel="stylesheet" type="text/css" href=style.css>
	</head>
	<body>
		<div class="header">Логотип и меню</div>
		<div class="left-column">Основное содержание страницы</div>
		<div class="right-column">Боковая колонка</div>
		<div class="footer">Подвал</div>
	</body>
</html>

CSS

div{
	margin-bottom:15px;
	padding:10px 5%;
	background:#DFF0D8;
}
.left-column{
	min-height:100px;
	width:50%;
	background:#FCF8E3;
	float:left;
}
.right-column{
	min-height:100px;
	width:25%;
	background:#D9EDF7;
	float:right;
}
.footer{
	clear:both;
}

@lognv, а что вы хотите увидеть? такое-же небольшое окошко? =)
Код у вас правильный. отображается всё так, как в минибраузере. Даже по вашему скриншоту.
http://cssdeck.com/labs/2qnkahml

Ну ладно, блоки у меня кажутся растянутыми - это в мини просто по -другому выглядит? Ну а текст? Не читаемый. Не отформатирован? А в мини браузере -нормально смотрится.

Предоставьте скриншот где вам кажутся блоки “растянутыми”

Растянутые блоки - это в моем браузере (мой 1-й скрин), еще раз загружаю