Mam taki oto kod:
<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>
#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; }
efekt:

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