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.

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.

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...

Możesz dodać dodatkowy kontener wewnątrz tego stu procentowego i ustawić mu marginesy.

Dziękuję, pomogło