Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]3 divy i dostosywanie, problem z szerokościami
PonuryGreg
post 25.02.2015, 21:23:28
Post #1





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 18.01.2011

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


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>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
kpt_lucek
post 25.02.2015, 21:33:37
Post #2





Grupa: Zarejestrowani
Postów: 428
Pomógł: 77
Dołączył: 10.07.2011
Skąd: Warszawa

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


http://stackoverflow.com/a/20179337/3648032 czasem wystarczy poszukać w wujka smile.gif


--------------------


Cytat
There is a Bundle for that
Lukas Kahwe Smith - October 31th, 2014
Go to the top of the page
+Quote Post
PonuryGreg
post 27.02.2015, 13:26:23
Post #3





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 18.01.2011

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


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
Go to the top of the page
+Quote Post
fklar
post 27.02.2015, 13:36:54
Post #4





Grupa: Zarejestrowani
Postów: 61
Pomógł: 13
Dołączył: 17.12.2011

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


  1. #srodek {
  2. width: calc(100% - 462px);
  3. }


--------------------
fklar.pl
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 Wersja Lo-Fi Aktualny czas: 15.06.2025 - 14:10