OK, priklad, bude to delsi. Menu vlevo a nahore, v pravo neni problem pridat. Je to jen testovaci stranka, takze obsah neres . Kdyz bude ten text v block dost dlouhej, tak ti bude scrolovat. Otestovano v Mozille a validni je jak web tak css. V opere se to zobrazi trocha jinak, ale jeste furt OK, IE (6) to podela dokonale.

Kód:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="cz" xml&#58;lang="cz" xmlns="http&#58;//www.w3.org/1999/xhtml">
<head>
  <meta name="author" content="Jezevec" />
  <meta name="copyright" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <link rel="stylesheet" href="./style.css" type="text/css" />
  <title>main page</title>

</head>
<body><div class =" top_menu">

pokus</p></div><div class =" left_menu">


Novinky
Informace o síti
Jak co nastavit
Statistiky
Mapka WiFi Nodu
_______________
Linky
TPfree

czfree
Speednet
_______________
Browsery
Mozilla
Opera
</p>

<a href="http&#58;//validator.w3.org/check/referer">
  [img]pic/valid-xhtml10.png[/img]
</a> 


<a href="http&#58;//jigsaw.w3.org/css-validator/">
  [img]pic/valid-css.png[/img]
</a>

</div><div class="block">

ccc ccc ccc kokokokokokoko hlasdk jsalkd dkjfh kldjhfd lkjfdlskhf dslakhf hfksdajhf kdsajhf
kajdsfh kjdshf kldsajhfkds jhkdlhfdsk fjadskfjh dksfjh ksajdhf slkadjhf
alskhfieuhfakjfd vbaiufehoasdjf asdjfh dskjfh alkjdhf lakjdfkljad kjd
fkljsdhf jdfkslajdhf klj ad jfksjdhf alksjdhf skjadhfl
khfauefdcbdkjfbeufbksajdhf kjldhf asldf dskjahf alkjheufdkljhf alkdjhf
aslkjdhf laskjf akj hfksjdhf akljhdlkj fhaslkdjfh asklefuh adfbdfu beuf
bkdjfh lkaukehfdjfbauefb kjadfkl jaksdjfb le ufbadjfblkajsdf h

Příliš žluťoučký kůň ďábelské ódy.

</p>
    
    
</div></body></html>
Kód:
/* Styles  */

h1 &#123;
	text-align&#58; center;
&#125;

.left_menu &#123;
	position&#58; fixed;
	text-align&#58; center;
	overflow&#58; hidden;
	height&#58; 80%;
	top&#58; 5em;
	left&#58; 0em;
	width&#58; 9em; 
	z-index&#58; 100;
	float&#58; left;
	background-color&#58; #66CC00;
&#125;


.left_menu a &#123;
	display&#58; block;
&#125;

.left_menu a&#58;hover &#123;
	background-color&#58; #66AA00;
&#125;

.left_menu a&#58;focus &#123;
	background-color&#58; #88CC00;
&#125;

.left_menu a&#58;active &#123;
	background-color&#58; #BBCC00;
&#125;

.left_menu img &#123;
	position&#58; absolute;
	border&#58; 0;
	left&#58; 20%;
	width&#58; 88px;
	height&#58;31px;
	z-index&#58; 50;
&#125;

#xhtml &#123;
	bottom&#58; 1em;
&#125;


#css &#123;
	bottom&#58; 3em;
&#125;

.top_menu &#123;
	position&#58; fixed;
	text-align&#58; center;
	overflow&#58; hidden;
	height&#58; 5em;
	width&#58; 100%;
	left&#58; 0em;
	top&#58; 0em;
	z-index&#58; 100;
	background-color&#58; #66CC00;
&#125;


.block &#123;
	position&#58; absolute;
	text-align&#58; justify;
	top&#58; 7em;
	left&#58; 9em;
	margin-left&#58; 5%;
	margin-right&#58; 5%;
	z-index&#58; 1;
&#125;