Witam. Mam niby banalny problem, którego nie mogę rozwiązać. Chciałbym w arkuszu stylów ustawić szerokość diva tak żeby miała 100% minus ileś pikseli.
Da się zrobić tak:div.klasa {width: 400px;}albo tak:div.klasa {width: 100%;}
Problem w tym, że ja bym chciał coś takiego:div.klasa {width: 100%-13px;}tylko, że takie coś nie istnieje :P Da się ustawiać szerokość diva zależnie od szerokości strony i jeszcze pomniejszyć go o np 13 pikseli?
Ustaw margin w body na 6px z lewej i 7 px z prawej. Jedno z rozwiązań
Są różne sposoby na to, niestety żaden nie jest "bezpośredni". Musisz w ogóle ustawiać to width? Skoro chcesz mieć 100%... Elementy domyślnie rozciągają się na całą szerokość, więc wystarczy dać poziomy padding lub margin na 13px (czy tam: 6 po lewej i 7 po prawej) i NIE ustawiać szerokości. No chyba że korzystasz z floatów?
Inna łatwa opcja to wrzucenie w kod dodatkowego elementu. Trochę to śmieci, ale nie trzeba się bawić ujemnymi marginesami etc. Robi się to tak:
HTML:
<div class="wrapper">
<div class="klasa">
inner
</div>
</div>
CSS:
.wrapper { width: 100%; }
.klasa { margin: 0 13px; }