Ustawienie w Divach Opcje

[wasyl25]

Witam. Mam następujący problem. Chciałbym ustawić divy i jpgi w nich zawarte tak aby oblewały dokoła treść. Chciałbym stworzyć coś na kształt tabeli w której mogę poustawiać sobie wybrane elementy. Oto kod ktury napisałem i który nie działa tak jak założyłem:

"

#TRESC
{
display: block;
height: 100%
margin-left: 180px;
margin-right: 260px;
background-color: white ;
padding: 0 0 0 0;
display: block;
border: 0px solid black;
}

<div id="TRESC">
<div style="
width: 100%;
height: 20px;
background: url('gs1.jpg');
border: 0px solid black;">
<div style="
position: relative;
float: left;
margin-left: 0px;
width: 20px;
height: 20px;
background: url('rgl1.jpg');
border: 0px solid black;">
</div>
<div style="
position: relative;
float: right;
margin-left: 0px;
width: 20px;
height: 20px;
background: url('rgp1.jpg');
border: 0px solid black;">
</div>
</div>
<div style="
width: 100%;
height: 20px;
background:;
border: 0px solid black;">
<div style="
position: relative;
float: left;
margin-left: 0px;
width: 20px;
height: 200px;
background: url('bl1.jpg');
border: 0px solid black;">
</div>
<div style="
position: absolute;
float: left;
margin-left: 180px;
margin-right: 261px;
width: auto;
height: 200px;
background-color: white ;
border: 0px solid black;"> TREŚĆ STRONY b TREŚĆ a STRONY b TREŚĆ a STRONY b TREŚĆ a STRONY b TREŚĆ STRONY a TREŚĆ STRONY b TREŚĆ STRONY a TREŚĆ STRONY b TREŚĆ STRONY a TREŚĆ STRONY
</div>
<div style="
position: relative;
float: right;
margin-left: 0px;
width: 20px;
height: 200px;
border-right: 1px solid;
border-color:130f70;">
</div>
</div>


"

Jak widać, ostatnia linia nie jest wyświetlana. Dodatkowo chciałbym aby lewa boczna krawędź miała wysokość sąsiadującego diva z zawartością strony. A ten żeby z kolei swój rozmiar dostosowywał automatycznie do zawartości.

Kombinuje już kilka dni i nie mogę sobie poradzić. podejrzewam że nie jest to skomplikowane, i że temat jest gdzieś na forum. Problem w tym że nie mam ciągłego dostępu do internetu, co utrudnia mi poszukiwania. Z góry dzięki za pomoc. Pozdrawiam

[czachor]

No właśnie nie widać - użyj bbcode, kod jest zupełnie nieczytelny.

[wasyl25]

[HTML] pobierz, plaintext 
 
#TRESC 
	{
	display: block;
	height: 100%
	margin-left: 180px;
	margin-right: 260px;
	background-color: white ;
	padding: 0 0 0 0;
	display: block;
	border: 0px solid black;
	}
 
 
 
 
<div id="TRESC">
		<div style="
			width: 100%;
			height: 20px;
			background: url('gs1.jpg');
			border: 0px solid black;">
			<div style="
				position: relative;
				float: left;
				margin-left: 0px;
				width: 20px;
				height: 20px;
				background: url('rgl1.jpg');
				border: 0px solid black;">
 
			</div>
			<div style="
				position: relative;
				float: right;
				margin-left: 0px;
				width: 20px;
				height: 20px;
				background: url('rgp1.jpg');
				border: 0px solid black;">
			</div>
		</div>
		<div style="
			width: 100%;
			height: 20px;
			background:;
			border: 0px solid black;">
			<div style="
				position: relative;
				float: left;
				margin-left: 0px;
				width: 20px;
				height: 200px;
				background: url('bl1.jpg');
				border: 0px solid black;">
			</div>
			<div style="
				position: absolute;
				float: left;
				margin-left: 180px;
				margin-right: 261px;
				width: auto;
				height: 200px;
				background-color: white ;
				border: 0px solid black;"> TREŚĆ STRONY b TREŚĆ a STRONY b TREŚĆ a STRONY b TREŚĆ a STRONY b TREŚĆ STRONY a TREŚĆ STRONY b TREŚĆ STRONY a TREŚĆ STRONY b TREŚĆ STRONY a TREŚĆ STRONY
			</div>
 
			<div style="
				position: relative;
				float: right;
				margin-left: 0px;
				width: 20px;
				height: 200px;
				border-right: 1px solid; 
				border-color:130f70;">
			</div>
		</div>
		<div style="
			display: block;
			float: bottom;
			width: 100%;
			height: 20px;
			background: url('gs1.jpg');
			border: 0px solid black;">
			<div style="
				float: left;
				margin-left: 0px;
				width: 20px;
				height: 20px;
				background: url('rgl1.jpg');
				border: 0px solid black;">
			</div>
			<div style="
				float: right;
				margin-left: 0px;
				width: 20px;
				height: 20px;
				background: url('rgp1.jpg');
				border: 0px solid black;">
			</div>
		</div>
 
	</div>
 
 
 
[HTML] pobierz, plaintext 

[sunpietro]

a możesz ten kod pokazać na żywo?
poza tym, mam dla Ciebie radę ---> nie wpisuj stylów bezpośrednio w kod HTML, bo od tego są arkusze stylów CSS

[wasyl25]

chyba nikt mi nie pomoże.