Показать сообщение отдельно
Старый 28.11.2006, 02:34
automatix вне форума Посмотреть профиль Отправить личное сообщение для automatix Посетить домашнюю страницу automatix Найти все сообщения от automatix
  № 13  
Ответить с цитированием
automatix

Регистрация: Feb 2006
Адрес: Germany, Berlin
Сообщений: 183
Вот еще одно решение. Мне оно нравится намного больше, чем те, что я встречал до этого. Валидатор, если чуток поработать над кодом напильником, тоже вполне доволен.

Вот код, который я выпилил из этогопримера:

CSS
Код HTML:
* {
	padding : 0;
	margin : 0;
	border : 0;
}
html, body {
	height : 100%;
	font : 12px "Trebuchet MS", Verdana, Arial, sans-serif;
	text-align : center;
	background : #ffffff;
	color : #000000;
}
#box {
	margin : 0 auto;
	text-align : left;
	position : relative;
	min-height : 100%;
	height : auto !important;
	height : 100%;
	background : #dddddd;
	color : #ffffff;
	border : 9px double #FF9900;
}
#header {
	padding : 0;
	font-size : 20px;
	text-transform : uppercase;
	line-height : 60px;
	background : #cc0000;
	color : #ffffff;
}
#footer {
	width : 100%;
	position : absolute;
	bottom : 0;
	height : 20px;
	line-height : 20px;
	text-align : center;
	color : #ffffff;
	background : #0000cc;
}
#inhalt {
	height : 100%;
	padding : 0;
	background : #00cc00;
	color : #ffffff;
}
p {
	margin : 0;
	padding : 0;
	line-height : 1.5em;
	background : #CCCCFF;
	color : #ffffff;
}
HTML
Код HTML:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<link rel="stylesheet" type="text/css" href="test_01.css" />
<title>WMP Standards Projekt - starres, zweispaltiges Layout mit 100 Prozent H&ouml;he</title>
</head>

<body>

<div id="box">

  <div id="header">Header</div>
  <div id="inhalt">

<!--|
    <h2>Die deutsche Sprache</h2>
    <p>All each tun! Gundherzl ich engl&uuml;ck. Wunsch siege "h&ouml;r enzu" denwen. Igenau ser  		w&auml;hl, Tendie heraus. Gef und enha, Bendass diesk eing ew&ouml;hn, li cherbl Indtex tist. Sie * sin dof fens ichtl ichje mandders ich nich: tso-lei chtand Ernas ehe, Rumf&uuml;h Ren. L&auml;sst ei nerder mi tal Lenwas sern gew asch: Enis tein alt, er Hase sozu sag. Enund sieha Benwie der ei Nmal Denricht igenrie Cher ge? Habtdenntats &auml;chl ichverb. Irgt si chin (dies Enbel anglo) sersch einend enz. Eilen einebotsch, aftei, negehei, menach richtdiesichnur. Dengew it ztes tenunt, erdenbet racht ern, Bein&auml; he remhin seh en. Ersch liesst: Manmuss scho neinziem li cher trott elsei. Nund nix Gesch ei tes. Mitsei nemle benanzu "fang", en wis senumb lind? Tex tezu le sen.</p>
    <p>All each tun! Gundherzl ich engl&uuml;ck. Wunsch siege "h&ouml;r enzu" denwen. Igenau ser  		w&auml;hl, Tendie heraus. Gef und enha, Bendass diesk eing ew&ouml;hn, li cherbl Indtex tist. Sie * sin dof fens ichtl ichje mandders ich nich: tso-lei chtand Ernas ehe, Rumf&uuml;h Ren. L&auml;sst ei nerder mi tal Lenwas sern gew asch: Enis tein alt, er Hase sozu sag. Enund sieha Benwie der ei Nmal Denricht igenrie Cher ge? Habtdenntats &auml;chl ichverb. Irgt si chin (dies Enbel anglo) sersch einend enz. Eilen einebotsch, aftei, negehei, menach richtdiesichnur. Dengew it ztes tenunt, erdenbet racht ern, Bein&auml; he remhin seh en. Ersch liesst: Manmuss scho neinziem li cher trott elsei. Nund nix Gesch ei tes. Mitsei nemle benanzu "fang", en wis senumb lind? Tex tezu le sen.</p>
    <p>All each tun! Gundherzl ich engl&uuml;ck. Wunsch siege "h&ouml;r enzu" denwen. Igenau ser  		w&auml;hl, Tendie heraus. Gef und enha, Bendass diesk eing ew&ouml;hn, li cherbl Indtex tist. Sie * sin dof fens ichtl ichje mandders ich nich: tso-lei chtand Ernas ehe, Rumf&uuml;h Ren. L&auml;sst ei nerder mi tal Lenwas sern gew asch: Enis tein alt, er Hase sozu sag. Enund sieha Benwie der ei Nmal Denricht igenrie Cher ge? Habtdenntats &auml;chl ichverb. Irgt si chin (dies Enbel anglo) sersch einend enz. Eilen einebotsch, aftei, negehei, menach richtdiesichnur. Dengew it ztes tenunt, erdenbet racht ern, Bein&auml; he remhin seh en. Ersch liesst: Manmuss scho neinziem li cher trott elsei. Nund nix Gesch ei tes. Mitsei nemle benanzu "fang", en wis senumb lind? Tex tezu le sen.</p>
    <p>All each tun! Gundherzl ich engl&uuml;ck. Wunsch siege "h&ouml;r enzu" denwen. Igenau ser  		w&auml;hl, Tendie heraus. Gef und enha, Bendass diesk eing ew&ouml;hn, li cherbl Indtex tist. Sie * sin dof fens ichtl ichje mandders ich nich: tso-lei chtand Ernas ehe, Rumf&uuml;h Ren. L&auml;sst ei nerder mi tal Lenwas sern gew asch: Enis tein alt, er Hase sozu sag. Enund sieha Benwie der ei Nmal Denricht igenrie Cher ge? Habtdenntats &auml;chl ichverb. Irgt si chin (dies Enbel anglo) sersch einend enz. Eilen einebotsch, aftei, negehei, menach richtdiesichnur. Dengew it ztes tenunt, erdenbet racht ern, Bein&auml; he remhin seh en. Ersch liesst: Manmuss scho neinziem li cher trott elsei. Nund nix Gesch ei tes. Mitsei nemle benanzu "fang", en wis senumb lind? Tex tezu le sen.</p>
    <p>All each tun! Gundherzl ich engl&uuml;ck. Wunsch siege "h&ouml;r enzu" denwen. Igenau ser  		w&auml;hl, Tendie heraus. Gef und enha, Bendass diesk eing ew&ouml;hn, li cherbl Indtex tist. Sie * sin dof fens ichtl ichje mandders ich nich: tso-lei chtand Ernas ehe, Rumf&uuml;h Ren. L&auml;sst ei nerder mi tal Lenwas sern gew asch: Enis tein alt, er Hase sozu sag. Enund sieha Benwie der ei Nmal Denricht igenrie Cher ge? Habtdenntats &auml;chl ichverb. Irgt si chin (dies Enbel anglo) sersch einend enz. Eilen einebotsch, aftei, negehei, menach richtdiesichnur. Dengew it ztes tenunt, erdenbet racht ern, Bein&auml; he remhin seh en. Ersch liesst: Manmuss scho neinziem li cher trott elsei. Nund nix Gesch ei tes. Mitsei nemle benanzu "fang", en wis senumb lind? Tex tezu le sen.</p>
-->

  </div>
  <p id="footer">Footer</p>

</div>

</body>
</html>
Говорят, в Маковском ИЕ не работает, но я подозреваю, что речь о девятке (надо уточнить). Я тестил на IE 6 и Firefox 1.5.0.8.