Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]pytanie o kolumny
Forum PHP.pl > Forum > Przedszkole
fcppl
witam.

Pytanie jest z tych łatwych jednak ja sobie sam nie daje rady smile.gif

Mam strone z 3 kolunami Lewa Srodei Prawa. Nad srodkowa kolumna chce zrobic kolejna pozycje (div), ale wtedy prawa kolumne mi sciaga na dol. Jak zrobic zeby prawa kolumna została na swoim miejscu?

Wszystko jest na zalaczonym rysunku http://wballiance.nazwa.pl/1.jpg

Zalacze tez kod css i zawartosc pliku index.php moich kolumn.

  1. #lewa_kolumna {
  2. float:left;
  3. height:100%;
  4. width:177px;
  5. margin-right: 3px;
  6. }
  7.  
  8.  
  9. #prawa_kolumna {
  10. float:left;
  11. text-align:left;
  12. width:252px;
  13. margin-left: 3px;
  14. }
  15.  
  16.  
  17.  
  18. #where { */ GORNA POZYCJA NAD SRODKOWA KOLUMNA */
  19. float:left;
  20. width:540px;
  21. text-align:left;
  22. background-color:#ccc;
  23. }
  24.  
  25.  
  26. #tresc_strony {
  27. float:left;
  28. text-align:left;
  29. width:540px;
  30. background-color:#fff;
  31. }



  1.  
  2. <div id="lewa_kolumna">
  3. <div class="margines">
  4.  
  5. <jdoc:include type="modules" name="left" style="xhtml" />
  6.  
  7. </div> <!-- margines -->
  8. </div> <!-- lewa_kolumna -->
  9.  
  10.  
  11. <div id="where">
  12. <div class="margines1">
  13.  
  14. <jdoc:include type="modules" name="where" style="xhtml" />
  15.  
  16. </div> <!-- margines1 -->
  17. </div> <!-- where -->
  18.  
  19.  
  20.  
  21. <div id="tresc_strony56">
  22. <div class="margines1">
  23.  
  24. <jdoc:include type="message" /> <jdoc:include type="component" />
  25.  
  26. </div> <!-- margines1 -->
  27. </div> <!-- tresc_strony -->
  28.  
  29.  
  30. <div id="prawa_kolumna">
  31. <div class="margines">
  32.  
  33. <jdoc:include type="modules" name="right" style="xhtml" />
  34.  
  35. </div> <!-- margines -->
  36. </div> <!-- prawa_kolumna -->


Pozdrawiam i dziekuje za kazda pomoc.
user767
  1.  
  2.  
  3. /* margin-top: 0px; */
  4. margin: 0 0 -20000px 0;
  5. padding-bottom: 20000px;
  6.  


analogicznie do wszystkich kolumn?
fcppl
hmm nie pomoglo.
lord2105
do diva ktorego dodajesz daj float:left;
fcppl
oczywiscie nie wiem czy przegladales css przesłany smile.gif ale zawsze mialem float:left;
lord2105
wsadź dwa divy Twój dołożony i ten z częścią środkowa strony w jednego i tam daj float:left;
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.