[HTML][CSS] Nakładanie się divów, Trzy DIV'y obok siebie Opcje

[arek33]

Witam,

Mam taki oto kod:

[PHP] pobierz, plaintext 
<div id="main_content">
	  <h1>Temat dnia</h1>
	   <div id="bb"></div>
 
		<div id="main_content_left"> 
	             <p>lorem ipsum blablabajfhsd fsdf sd f sd f  fsd dsf fds s df sd f sd fs d fs ds d fsd</p></div> 
 
<div id="main_content_center"> 
	<p>aaa2</p> 
</div> 
<div id="main_content_right"> 
	<p>aaa3</p>
</div>
</div>
[PHP] pobierz, plaintext 

[HTML] pobierz, plaintext 
#main_content { width: 950px; min-height: 500px; background: #fff; color: #000; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius:5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius:5px; }
#main_content h1 { font-size: 22px; color: #275269; padding: 10px 0px 0px 10px; font-weight: bold; }
#main_content p { width: 600px; clear: both; font-size: 14px; color: #000; padding: 10px 0px 0px 10px; font-weight: normal; text-align: justify; }
#main_content img { float: left; width: 350px; height: 233px; margin-right: 10px; }
#bb { margin-left: 10px; width: 680px; border-bottom: dotted 1px #dfdfdf; }
#main_content_left { width:200px; float:left; padding-bottom:10px; }
#main_content_left p,h1 { margin:0px 0px 10px 10px; }
#main_content_center { width:200px; float:left; padding-bottom:10px; }
#main_content_right { width: 200px; float:left; padding-bottom:10px; }
[HTML] pobierz, plaintext 

efekt:
(IMG:http://img72.imageshack.us/img72/2426/59450954.jpg)

Czy może ktoś mi powiedzieć jak "zablokować" #main_content_left i obie pozostałe warstwy tak, aby nie nachodziły na siebie ?

[krzysztof_kf]

do akapitu p

dodaj

[CSS] pobierz, plaintext 
text-align: left;
[CSS] pobierz, plaintext 

jeżeli masz DOCTYPE odpowiednie

EDIT Nie daję się w akapicie szerokość usuń width: 600px;

Ten post edytował krzysztof_kf 30.05.2010, 20:34:47