Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]3 divy i dostosywanie
Forum PHP.pl > Forum > Przedszkole
PonuryGreg
Witam, mam problem, być może banalny ale nigdzie nie mogłem znaleźć rozwiązania.
Chodzi o to iż potrzebuje umieścić 3 divy w jednej lini
lewy ma mieć 231px, środek ma się dostosowywać do strony, a prawy też ma mieć 231px.
Lewy i środkowy mi się udało natomiast mam problem z tym prawym.

Mój kod:
  1. #glowny {
  2. width: 100%;
  3. }
  4. #lewa {
  5. width: 231px;
  6. float: left;
  7. background-color: red;
  8. }
  9. #srodek {
  10. margin-left: 231px;
  11. background-color: blue;
  12. }
  13. #prawa {
  14. width: 231px;
  15. background-color: yellow;
  16. }
  17. <div id="glowny">
  18. <div id="lewa">
  19. lewa
  20. </div>
  21. <div id="srodek">
  22. środek
  23. </div>
  24. <div id="prawa">
  25. prawa
  26. </div>
  27.  
  28. </div>
kpt_lucek
http://stackoverflow.com/a/20179337/3648032 czasem wystarczy poszukać w wujka smile.gif
PonuryGreg
Dzięki, mi wuja jakoś nie chciał odpowiedzieć, pewnie źle pytałem smile.gif

No i pozmieniałem na:
  1. #glowny {
  2. width: 100%;
  3. clear: both;
  4.  
  5. }
  6. #lewa {
  7. width: 231px;
  8. background-color: red;
  9. float: left;
  10. }
  11. #srodek {
  12. background-color: blue;
  13. float: left;
  14. }
  15. #prawa {
  16. width: 231px;
  17. float: left;
  18. background-color: yellow;
  19.  
  20. }
  21. <div id="glowny">
  22. <div id="lewa">
  23. lewa
  24. </div>
  25.  
  26. <div id="srodek">
  27. środek
  28. </div>
  29.  
  30. <div id="prawa">
  31. prawa
  32. </div>
  33. </div>


co nie zmienia faktu że teraz środkowego div'a mi nie dostosowuje do szerokości strony... sciana.gif
fklar
  1. #srodek {
  2. width: calc(100% - 462px);
  3. }
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.