Elastyczny width contentu na stronie

Question

Mam problem z ustawieniem szerokości contentu na stronie. Strona ma 3 divy
1)menu boczne width 160px
2)content
3)reklama width 160px

W jaki sposób mogę ustawić, aby szerokość contentu na stronie dopasowywała się do szerokości przeglądarki użytkownika?

Mógłbym dać na sztywno że szerokość ma mieć powiedzmy 660px i wszystkie divy by się każdemu zmieściły (razem dają 1000px), ale chciałbym, żeby content miał elastyczną szerokość w zależności od potrzeby.

Answer 1

Jeżeli ma to wyglądać w ten sposób 

to mam pomysł jak to zrobić. 

Menu boczne - float: left;

Reklama - float: right;

Content: position: absolute; right: 160px; left: 160px;

Margines contentu od prawej i od lewej możesz zwiększyć zmieniając wartości right i left.

Answer 2

Jak chcesz mieć elastyczność to nie używaj pikseli.

Comments

Wiem, że mogę to ustawić w % np:
1)15%
2)70%
3)15%

ale reklama ma stałe wymiary - szerokość 160, co nam da różne procenty w zależności od szerokości okna użytkownika

---

No to reklamę zakoduj na sztywno, skoro nie możesz manipulować jej szerokością, a oprocentuj resztę.

Answer 3

"media queries" zainteresuj sie. Ustawiasz przykladowo dla ekranu o szerokosci 1366px diva na szerokosc 1000px, dla mniejszych 800px, dla wiekszych 1200px (tylko przyklad jak to dziala, nie stosuj tych wartosci :P)

Answer 4

Operowanie procentami wydaje się być najrozsądniejsze. Może spróbuj rozwiązać inaczej sprawę z reklamą np. zastosować zakładkę.