Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Nakładanie się divów
Forum PHP.pl > Forum > Przedszkole
arek33
Witam,

Mam taki oto kod:
  1. <div id="main_content">
  2. <h1>Temat dnia</h1>
  3. <div id="bb"></div>
  4.  
  5. <div id="main_content_left">
  6. <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>
  7.  
  8. <div id="main_content_center">
  9. <p>aaa2</p>
  10. </div>
  11. <div id="main_content_right">
  12. <p>aaa3</p>
  13. </div>
  14. </div>



  1. #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; }
  2. #main_content h1 { font-size: 22px; color: #275269; padding: 10px 0px 0px 10px; font-weight: bold; }
  3. #main_content p { width: 600px; clear: both; font-size: 14px; color: #000; padding: 10px 0px 0px 10px; font-weight: normal; text-align: justify; }
  4. #main_content img { float: left; width: 350px; height: 233px; margin-right: 10px; }
  5. #bb { margin-left: 10px; width: 680px; border-bottom: dotted 1px #dfdfdf; }
  6. #main_content_left { width:200px; float:left; padding-bottom:10px; }
  7. #main_content_left p,h1 { margin:0px 0px 10px 10px; }
  8. #main_content_center { width:200px; float:left; padding-bottom:10px; }
  9. #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 ?
krzysztof_kf
do akapitu p

dodaj

  1. text-align: left;


jeżeli masz DOCTYPE odpowiednie

EDIT Nie daję się w akapicie szerokość usuń width: 600px;
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.