• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Elastyczny width contentu na stronie

VPS Starter Arubacloud
0 głosów
208 wizyt
pytanie zadane 30 lipca 2016 w Nasze projekty przez Nobody Nowicjusz (150 p.)
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.

4 odpowiedzi

+2 głosów
odpowiedź 30 lipca 2016 przez ormu16 Gaduła (4,980 p.)
wybrane 10 sierpnia 2016 przez Nobody
 
Najlepsza

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

0 głosów
odpowiedź 30 lipca 2016 przez kubaapk Nałogowiec (44,270 p.)
Jak chcesz mieć elastyczność to nie używaj pikseli.
komentarz 30 lipca 2016 przez Nobody Nowicjusz (150 p.)
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
komentarz 30 lipca 2016 przez kubaapk Nałogowiec (44,270 p.)
No to reklamę zakoduj na sztywno, skoro nie możesz manipulować jej szerokością, a oprocentuj resztę.
0 głosów
odpowiedź 30 lipca 2016 przez skrzatjedyny Gaduła (3,150 p.)
"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)
0 głosów
odpowiedź 30 lipca 2016 przez Wi_ktos Bywalec (2,950 p.)
Operowanie procentami wydaje się być najrozsądniejsze. Może spróbuj rozwiązać inaczej sprawę z reklamą np. zastosować zakładkę.

Podobne pytania

0 głosów
1 odpowiedź 71 wizyt
pytanie zadane 7 stycznia 2019 w HTML i CSS przez MoGro Nowicjusz (120 p.)
0 głosów
2 odpowiedzi 138 wizyt
pytanie zadane 16 grudnia 2018 w HTML i CSS przez niezalogowany
0 głosów
2 odpowiedzi 183 wizyt
pytanie zadane 3 listopada 2016 w HTML i CSS przez Avenue Użytkownik (940 p.)

92,454 zapytań

141,262 odpowiedzi

319,089 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...