chciałem uzyskać następujący efekt:

jeden div główny obejmujący pozostałe, a w nim: trochę treści, potem 2 dvy obok siebie, a następnie ostatni div pod spodem

niestety wyszło mi coś takiego:
http://www.seyoum.pl/divy.html
czasem, np przy zmienianiu wielkości okna przeglądarki, divy zawarte w głównym wyjeżdżają poza niego, jak spowodować by glówny div rozszerzał się, obejmując całą swoją zawartosć?

[HTML] pobierz, plaintext 
<div style="
	background: #CCCCCC;
	border:1px solid blue;
	margin-left: 161px;
	margin-right: 161px;
	padding: 20px 20px 20px 20px;
	width:900px;
	"
>
	<center><h1>Cennik</h1></center>
	Pacjenci z bólem - zabieg wykonujemy tego samego dnia, schemat 3 wizyt po ustąpieniu bólu i zgłoszeniu się na planowe leczenie
	<ol type="I">
	<li>Wizyta: badanie - uzupełnienie diagramu, na życzenie plan - leczenie na tej wizycie tylko dla pacjentów regularnie kontrolujących stan uzębienia</li>
	<li>Wizyta: plan leczenia z uwzględnieniem procedur i cen /pisemie/ i rozpoczęcie leczenia lub III</li>
	<li>Wizyta: rozpoczęcie leczenia od zabiegów higienizacyjnych  - przynieść szczoteczkę i nici</li>
	</ol>
 
Promocje:
<ul>
<li>0zł profilaktyka fluorowa po piaskowaniu</li>
<li>ColgateŸ Sensitive Pro-Relief™ (zęby nadwrażliwe) 0zł do wyczerpania zapasów</li>
<li>Dopłaty, leczenie prywatne - produkty do higieny jamy ustnej lub profilaktyka za 0zł proporcjonalnie do wysokości opłat</li>
<li>Diagnodent, PulppenŸ - badanie za 0zł przy kontynuacji leczenia</li>
</ul>	
 
<div style="float:left; display:inline;" >
	Warunki gwarancji:
	<ul>
	<li>sanacja /usunięcie kamienia, korzeni, wypełnienie ubytków, uzupełnienie brakujących zębów/</li>
	<li>wizyty kontrolne 4-6 miesięcy /z wpisem do karty, bezpłatne dla stałych pacjentów/</li>
	<li>stosowanie się do zaleceń lekarza i higienistki /m. in. zmiana nawyków dietetycznych/</li>
	</ul>
</div>
 
 
<div style="float:right;">
	Warunki promocji:
	<ul>
	<li>wizyty kontrolne 4-6 miesięcy /z wpisem do karty, bezpłatne dla stałych pacjentów/</li>
	<li>odwoływanie zaplanowanych wizyt w przypadku zdarzeń losowych</li>
	</ul>
</div>
 
<div style="float:left; color:red;">
Bezplatne wizyty kontrolne tylko dla pacjentów kontrolujących stan uzębienia min. co 6 misięcy
</div>
 
</div> <!--tresc-->
[HTML] pobierz, plaintext 

Wartości margin-left: i margin-right: musisz dać na auto i ustalić szerokość głównego DIVa.

nic z tego, nie działa

Do głównego dodaj:

[CSS] pobierz, plaintext 
overflow: auto;
[CSS] pobierz, plaintext 

Następnie te dwa divy co mają być obok siebie powinny mieć określoną szerokość (50% - 50% lub inną, ale tak, by mieściły się w kontenerze je zawierającym). Dla pierwszego z nich niepotrzebnie dodałeś

[CSS] pobierz, plaintext 
display: inline;
[CSS] pobierz, plaintext 

Masz float, więc opływanie załatwia pozycjonowanie dwóch obok siebie.

Ostatni div, zamiast float, powinien mieć np

[CSS] pobierz, plaintext 
clear: both; 
[CSS] pobierz, plaintext 

ok, juz dziala, dzieki