Strona responsywna

pytanie zadane 11 lutego 2018 w HTML i CSS przez Hardwell Dyskutant (8,980 p.)

Witam, tworzę stronę responsywną i mam małe pytanie, wie ktoś może jak ustawić diva pod divem (ale pozycja absolutna)? chodzi o to że mam @media min 1000 max 1100 i na komputerze wszystko wygląda ok, ale kiedy wejdę na laptopa to divy się rozjeżdżają na dół (a laptop i komputer są w tym samym @media, wydaje mi się że to wina tego że laptop po prostu ma mniejszy wyświetlacz, (wysokościowo) i tu tez moje 2 pytanie da się ustawić jednakową wysokość strony dla urządzeń z szerokością od 1000 do 1100? (żeby na każdym z tych urządzeń container miał taką samą wysokość) i jeszcze mam ostatnie pytanko przy okazji (XD) jak mam {@media (max-width: 1100px) and (min-width: 980px) { .content {width: 500px;}} to chodzi o to że dla urządzeń z wyświetlaczem od 980 do 1100px strona będzie miała 500px szerokości?

Wybaczcie za tak banalne pytania i prosił bym o prostą odpowiedź i nie podsyłanie linków z kursem.

Dziękuje i pozdrawiam

2 odpowiedzi

odpowiedź 11 lutego 2018 przez Kacper Sas Dyskutant (8,460 p.)

Prościej będzie komuś pomóc jeśli umieścisz kod.

komentarz 11 lutego 2018 przez Hardwell Dyskutant (8,980 p.)

w sumie nie chodzi tutaj o sam kod, chodzi tu też osame pytania

odpowiedź 12 lutego 2018 przez arces Pasjonat (17,700 p.)

Co do ostatniego pytania, to prawie dobrze rozumiesz - content będzie miał wtedy szerokość 500px dla rozdzielczości z przedziału 980px - 1099px.

Pierwszej części w ogóle nie rozumiem. Laptop ma standardowo rozdzielczość 1366px, więc jest możliwe, że wyświetla Ci się to inaczej, jeżeli przedział masz ustawiony od 1000 do 1100. Pytasz czy da się ustawić wysokość strony dla danego przedziału @media. Oczywiście że się da, ale content, który się nie zmieści wyjdzie poza ramy (więc strona siłą rzeczy nie będzie responsywna). Wszystko pod warunkiem, że dobrze zrozumiałem Twój przekaz, bo jest strasznie zagmatwany.