problém s rozvržením stránky

Dobré pozní odpoledne,

snažím se se vytvořit hlavní zorvržení stránky, ale naběhl jsem na jeden problém.

Rozvrh stránky: Horní div, přes celou šířku a 200px výška, pod ním tři divy, levý a pravý 200px šířka a maximum délka a protřední div, zbytek šířky a maximul délka.

Problém je však právě s výškou. Pokud mám kód:

<div style="width: 100%; height: 100%; border: 1px solid red;">
<div style="height: 200px; width: 100%; border: 1px solid red;"></div>
<div style="width: 200px; height: 100%; border: 1px solid red;"></div>
</div>

tak právě levý div, který má mít šířku 200px a délku maximum je delší jak prohlížeš, zasahuje o hodně níž a já musím rolovat. U tabulek, se to dalo napsat takhle, jak se to řeší u css a divu? Jak nastavím maximální výšku prohlížeče, tak aby, jsem nemusel rolovat?
Děkuju předem za odpovědi!

http://nesro.wz.cz/f/renet.php
http://nesro.wz.cz/f/renet.css

:-) a máš to aj supa plovoucí

btw. tohle:

<div style="width: 100%; height: 100%; border: 1px solid red;">
<div style="height: 200px; width: 100%; border: 1px solid red;"></div>
<div style="width: 200px; height: 100%; border: 1px solid red;"></div>
</div>

nemůže fungovat, protože prostě máš 2x šířku 100%; 100% od 100% je 100% a těch 200px se tam už nevejde

// sorry že už spamuju, ale

snažil jsem se pochopit tvůj dotaz a nepochopil jsem ho (ani google neporadil)

co myslíš tím "maximální výšku prohlížeče"?

pokud myslíš jako, že tam budeš mít uprostřed posouvátko, tak http://www.jakpsatweb.cz/iframe.html ale nemyslím si, že chceš právě tohle

Nespamuješ, jsem rád, že se někdo zajímá o můj problém:-)

Jde mi o to, že aby výška pravýho, levýho a středu byla úplně dokud je to možný, ale aby se nemuselo roloat dolů. Takže, pokud člověk příjde a bude mít rozlišení 1024x768, tak se nastaví levý, pravý a střed podle ozlišení úplně dolů. Pokud příjde někdo z větším rozlišením, tak se výška taky protáhne, proto chci, aby výška byla 100%, ale nesmí se objevit scrollbar. U tabulek to normálně šlo, kdykoliv se člověk zadal výšku 100%, roztáhlo se to na maximální výšku prohlížeče a rozlišení, nikdy to nezasahovalo níž. Bohužel tady to tak nefunguje, nevím jestli je to na nějaký trik.

<div style="width: 100%; height: 100%; border: 1px solid red;">

tohle jsem použil jen jako zkoušku, myslel jsem, že pokud všechny čtyři divy budou obalený jedním, tak dosáhnu výšky který chci, kdyžtak zkus ten kod co jsem na začátku poslal, uvidíš, co to udělalo:-)

Já tě nechápu, dejem tomu ( jak řikáš ), že máš rozlišení 800 na 600.- hlavu 200px a zbytek 400px na výšku. těch 400 rozděláš na 3x 200px a 200px jako nakraj a 400px na text. takže pro text máš čtverec 400x400px. A teď mi řekni, CO se stane s tim čtvercem, pokud do něj dáš mooc textu.

Ten kód sem skusil a nechápu ho. Otevři malování, nakresli to, co chceš a já ti poradim.

Nechápu, proč necheš normální variantu, kdy když máš hodně textu, tak se ti stránka natáhne.

Tady je správné řešení, které by se mělo objevit v jakémkoliv rozlišení:-)
http://www.renet.borec.cz/spravne_reseni.jpg


Tady je řešení, které jsem udělal, musí se scrolovat, to nechci:
http://www.renet.borec.cz/spravne_reseni.jpg

omlouvám se

špatně řešení:
http://www.renet.borec.cz/spatne_reseni.html

není celý, je tam jen jeden div, ale vše je hned jasné, proč to nechci, kvůli scrolování:-)

neodpověděl jsi ani na jednu otázku:

Tak jinak: Jak můžeš mít ty panely po straně 1OO% výšku? Nemyslel jsi 1OO% - 2OOpx?

A pak to hlavní, CO se má stát, pokud ten obsah bude delší než "1OO% - 2OOpx" ?

ano, myslel jsem 100% - 200px, ale aby se výška měnila na základě rozlišení, u těch divů, kam jsem nešikovně napsal 100%.

Mno pokud bude delší, tak se bude prostě rolovat celá stránka, ne rolování v tom jedno divu.

Se omlouvám,špatně se vyjadřuju:(

Tak, výsledek mam hotovej, jen musim na 2pc, kde je IE, FF i opera :-) Pak to ukážu, ale:

nastavíš si obal 100% výšku, v něm hlavu 200px a 100% menu + stred