![]() |
![]() ![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 34 Pomógł: 0 Dołączył: 12.04.2007 Ostrzeżenie: (0%) ![]() ![]() |
Witam, mam następujący problem.
W jednym divie, z ustawionym floatem na left mam inny element div, który ma szerokość wyrażoną w procentach, a wynosi ona 100%. Oprócz tego mam ustawiony padding tego elementu, na powiedzmy 10px co powoduje, że oczywiście szerokość tego elementu to szerokość rodzica, czyli owe 100% oraz 20px z racji paddingu. Więc moje pytanie brzmi: jak zrobić, aby element z szerokością wyrażoną w procentach i paddingiem miał szerokość taką, by się zmieścił i aby padding został zachowany? Wiem, że można nadać szerokość w pikselach, tak aby to się zgrało co do piksela, ale ten element będzie się mieścił w elementach o różnej szerokości, dlatego takie rozwiązanie odpada. |
|
|
![]()
Post
#2
|
|
![]() Grupa: Zarejestrowani Postów: 999 Pomógł: 30 Dołączył: 14.01.2007 Skąd: wiesz ? Ostrzeżenie: (0%) ![]() ![]() |
Nadaj padding w % i odejmij 2 razy padding ( lewa i prawa strona ) od szerokości
Dla przykładu width:90%; padding:5%; / width:94%; padding:5% 3% 5% 3%; Dla marginesu wew. ustawianego w pikselach musiałbyś zapewne użyć JSa żeby ustawić prawidłową szerokość. Nie jestem przekonany czy rzeczywiście byłaby taka konieczność, ale nie spotkałem się z rozwiązaniem dla tego problemu przy mieszanych typach. |
|
|
![]()
Post
#3
|
|
Grupa: Zarejestrowani Postów: 34 Pomógł: 0 Dołączył: 12.04.2007 Ostrzeżenie: (0%) ![]() ![]() |
Niestety to nie może być rozwiązane w taki sposób, bo w tedy padding też będzie miał różną wartość, a ja chciałem mieć tak, aby padding był taki sam a szerokość zmienna, dostosowywana do szerokości rodzica...
|
|
|
![]()
Post
#4
|
|
![]() Grupa: Zarejestrowani Postów: 999 Pomógł: 30 Dołączył: 14.01.2007 Skąd: wiesz ? Ostrzeżenie: (0%) ![]() ![]() |
Możesz dodać dodatkowy kontener wewnątrz tego stu procentowego i ustawić mu marginesy.
|
|
|
![]()
Post
#5
|
|
Grupa: Zarejestrowani Postów: 34 Pomógł: 0 Dołączył: 12.04.2007 Ostrzeżenie: (0%) ![]() ![]() |
Dziękuję, pomogło
![]() |
|
|
![]() ![]() |
![]() |
Wersja Lo-Fi | Aktualny czas: 3.07.2025 - 05:23 |