Pozycje Div'ów :), Konkurs :) Opcje

[kicaj]

Chce osiagnac cos takiego:
http://m-cz.net/css/2.gif

Jak to zrobic?

1. Zawartosc `zielonego` moze miec dowolna wysokosc, tzn. zalezna od zawartosci.
2. Pole `szare` musi byc zawsze od gory do dolu, nie wychodzac po za obramowanie czerwone.
3. Pole `niebieskie` jest pod polem `szarym`.

Probuje to zrobic juz spory czas, najpierw zaczalem to na innym forum, ale bez skutku...

EDIT:
Zrobilem juz (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Jak ktos ma ciekawe rozwiazanie tego, to chetnie spojrze (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował kicaj_ 21.08.2004, 02:21:34

[Bakus]

ja mam bardzo ciekay pomysł... (IMG:http://forum.php.pl/style_emoticons/default/snitch.gif)

[HTML] pobierz, plaintext 
<table border="1">
    <tr>
        <td>niebieski</td>
        <td rowspan="2">szary</td>
        <td>niebieski</td>
    </tr>
    <tr>
        <td>bialy</td>
        <td>zielony</td>
    </tr>
</table>
[HTML] pobierz, plaintext 

[it's a joke only]

[kicaj]

hehe tabelki odpadaja...

Myslalem ze zrobilem to dobrze, ale niesety tylko testowalem na IE i tylko tam dziala (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

[HTML] pobierz, plaintext 
<style>
 
body
{
    margin: 0px;
}
 
div#top
{
    background-color: #045AE8;
    width: 760px;
    height: 100px;
}
 
div#top_left
{
    background-color: #E4E4E4;
    width: 50px;
    height: 100px;
    position: absolute;
    left: 70px;
}
 
div#main
{
    width: 760px;
    height: 0%;
}
 
div#left
{
    background-color: #E4E4E4;
    width: 50px; 
    height: 100%;
    position: absolute;
    top: 100px;
    left: 70px;
}
 
div#right
{
    background-color: #2F7CFB;
    width: 640px;
    height: 100%;
    position: relative;
    top: 0px;
    left: 120px;
}
 
</style>
 
<div id="top">
 
    <div id="top_left">
    </div>
 
</div>
 
<div id="main">
 
    <div id="left">
    </div>
 
    <div id="right">
	menu<br />
	<br />
	menu<br />
	<br />
	menu<br />
	menu<br />
	<br />
	menu<br />
	<br />
	menu<br />
	menu<br />
	<br />
	menu<br />
	<br />
	menu<br />
	menu<br />
	<br />
	menu<br />
	<br />
	menu<br />
	menu<br />
	<br />
	menu<br />
	<br />
	menu<br />
	menu<br />
	<br />
	menu<br />
	<br />
	menu<br />
	<br />
	menu<br />
	menu<br />
	<br />
	menu<br />
	<br />
	menu<br />
	menu<br />
	<br />
	menu<br />
	<br />
	menu<br />
	menu<br />
	<br />
	menu<br />
	<br />
	menu<br />
	menu<br />
	<br />
	menu<br />
	<br />
	menu<br />
	menu<br />
	<br />
	menu<br />
	<br />
	menu<br />
    </div>
 
</div>
[HTML] pobierz, plaintext 

[sf]

EDIT :

Hm, poszukaj na tej stronie, moze cos znajdziesz

http://css.maxdesign.com.au/

Ten post edytował sf 21.08.2004, 14:03:59

[kicaj]

Problem rozwiazalem, dziala na wszystkiech przegladarkach...