Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]pytanie o kolumny
fcppl
post
Post #1





Grupa: Zarejestrowani
Postów: 116
Pomógł: 0
Dołączył: 11.04.2010

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
user767
post
Post #2





Grupa: Zarejestrowani
Postów: 178
Pomógł: 5
Dołączył: 13.09.2010

Ostrzeżenie: (40%)
XX---


  1.  
  2.  
  3. /* margin-top: 0px; */
  4. margin: 0 0 -20000px 0;
  5. padding-bottom: 20000px;
  6.  


analogicznie do wszystkich kolumn?
Go to the top of the page
+Quote Post
fcppl
post
Post #3





Grupa: Zarejestrowani
Postów: 116
Pomógł: 0
Dołączył: 11.04.2010

Ostrzeżenie: (0%)
-----


hmm nie pomoglo.
Go to the top of the page
+Quote Post
lord2105
post
Post #4





Grupa: Zarejestrowani
Postów: 380
Pomógł: 59
Dołączył: 24.04.2010
Skąd: London

Ostrzeżenie: (0%)
-----


do diva ktorego dodajesz daj float:left;


--------------------
40% rozwiązań znajduje się tutaj.
59,9% tutaj.

Jeśli pomogłem rozwiązać Twój problem wciśnij
Go to the top of the page
+Quote Post
fcppl
post
Post #5





Grupa: Zarejestrowani
Postów: 116
Pomógł: 0
Dołączył: 11.04.2010

Ostrzeżenie: (0%)
-----


oczywiscie nie wiem czy przegladales css przesłany smile.gif ale zawsze mialem float:left;
Go to the top of the page
+Quote Post
lord2105
post
Post #6





Grupa: Zarejestrowani
Postów: 380
Pomógł: 59
Dołączył: 24.04.2010
Skąd: London

Ostrzeżenie: (0%)
-----


wsadź dwa divy Twój dołożony i ten z częścią środkowa strony w jednego i tam daj float:left;


--------------------
40% rozwiązań znajduje się tutaj.
59,9% tutaj.

Jeśli pomogłem rozwiązać Twój problem wciśnij
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 05:53