[CSS] Zmiana układu strony Opcje

[Tares]

Edytując poniższy szablon:
http://www.freecsstemplates.org/preview/glazed

próbuję osiągnąć następujący efekt: Div z treścią (#content w pliku css) ma się rozciągać (nie ma mieć ustalonej szerokości w px) na podstronach, na których nie występuje pierwszy sidebar ( ten zawierający Recent post i comments). Na stronach, na których pierwszy siderbar nie występuje div z treścią (#content) ma się rozszerzać o szerokość pierwszego sidebara.

Próbowałem w pliku css zmienić szerokość diva #content na płynną, ale powoduje to zepchnięcie obu siderbarów na dół, div rozszerza się za bardzo.

[Tares]

Niestety próbowałem użyć overflow: hidden, jednak struktura pliku html, który edytuję, jest nieco bardziej skomplikowana niż dwa divy i nadal spycha sidebary na dół.
Może wstawię kod, bo pewnie nie każdemu chcę się ściągać cały szablon i patrzeć co tam jest.


Style odpowiedzialne za oba siderbary i content:

[HTML] pobierz, plaintext 
/* Sidebar One */
#content {
	float: left;
	width: 430px;
	height: 800px;
	min-height: 800px;
	padding: 0 0 0 20px;
}
#sidebar1 {
	float: left;
	width: 250px;
	padding: 0 0 0 20px;
}
 
/* Sidebar Two */
 
#sidebar2 {
	float: right;
	width: 180px;
	padding: 0 20px 0 0;
}
[HTML] pobierz, plaintext 

Kod html:

[HTML] pobierz, plaintext 
<div id="wrapper">
	<div id="header">	
	</div>
	<div id="page">
		<div id="bgtop"></div>
		<div id="bgbottom">
		<div id="content">
				<div class="post">
							</div>
			</div>
 
			<div id="sidebar1" class="sidebar">	
			</div>
			<div id="sidebar2" class="sidebar">
									</div>
						<div style="clear: both;">&nbsp;</div>
		</div>
	</div>
 
		<div id="footer">
 
	</div>
 
</div>
[HTML] pobierz, plaintext 

Ten post edytował Tares 5.08.2011, 23:54:32