całość strony mam podzielone na 4 divy, w kształcie podzielonego czworokąta na 4 części (logo, top, menu, container). Chciałbym zrobić tak by pozycje 3 divów były nie zmienne a div container był np. scrollowany jeśli zawartość w nim będzie wyższa niż domyślna. Niestety ustawienie logo,top i menu w position: fixed a container: relative nie pomaga.
Bo relative , będzie pozycjonowało względem elementu o pozycji "absolute", bądż do swojego rodzica, a ostatecznie do body.A po drugie po co ci relative? Do pozycjonowania względem okna przeglądarki używa się sticky bądż fixed (zależności od przeglądarki (Na chrome są z tym problemy (bądż były) ). Oczywiście musisz nadać odpowiednią klasę, gdy odległość obiektu od ramki będzie zero bądż mniejsza (Poczytaj --> https://developer.mozilla.org/pl/docs/Web/API/Element/getBoundingClientRect).
- jak zrobić by obiekty w divach np. inputy typu submit lub ikony graficzne wraz ze zmianą rozdzielczości lub wielkości wyświetlanej strony (scroll w przeglądarce) zmieniały swoje wielkośc
Ustawiając dynamiczne wartości? (np: procenty)
jednocześnie nie zmieniając swoich pozycji. Obecnie mam ikonkę obok submita, która wygląda dobrze tylko na mojej rozdzielczości na innych np. chowa się pod inputa.
Użyj media-queries i się baw wielkościami :). Bądż zabawa pozycjonowaniem absolute/relative.