Czy możliwe jest zrobienie odstępu pod paskiem nawigacyjnym, który ma position: fixed? Chodzi mi o nadanie odstępu dla paska nawigacyjnego bez nadawania odstępu dla elementów, które znajdują sie w DOMie pod paskiem nawigacyjnym. Czy to jest w ogóle wykonalne?
kaczor19 napisał(a):
Czy możliwe jest zrobienie odstępu pod paskiem nawigacyjnym, który ma position: fixed?
Robisz mu border-botom:10px solid white albo coś podobnego i masz.
Freja Draco napisał(a):
kaczor19 napisał(a):
Czy możliwe jest zrobienie odstępu pod paskiem nawigacyjnym, który ma position: fixed?
Robisz mu border-botom:10px solid white albo coś podobnego i masz.
Chociaż, gdy dodam w ten sposób border to bardziej zwiększy mi się wysokość paska nawigacyjnego niż zrobi się margines pod tym paskiem nawigacyjnym. A mi chodziło o to, żeby zrobić margines pod paskiem nawigacyjnym. Wydaje mi się, że to niemozliwe.
Tutaj: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_fixed_menu
jak np. dodamy do .navbar border-bottom: 100px solid white to zostanie przesłonięta część tekstu, a ja chciałbym żeby ten tekst był nadal widoczny tylko 100px niżej pod menu.
Skoro element jest fixed, to jego margines nie będzie działał na pozostałe elementy. Więc dajesz margines na treść, która może wjechać pod pasek i po sprawie. Za bardzo kombinujesz.
kaczor19 napisał(a):
Chociaż, gdy dodam w ten sposób border to bardziej zwiększy mi się wysokość paska nawigacyjnego niż zrobi się margines pod tym paskiem nawigacyjnym. A mi chodziło o to, żeby zrobić margines pod paskiem nawigacyjnym. Wydaje mi się, że to niemozliwe.
Bo to jest niemożliwe. Element fixed jest sobie naklejony na osobnej warstwie i nie wpływa w żaden sposób na to, co znajduje się wewnątrz reszty dokumentu. Możesz ew. ustawić margines górny dla html czy innego kontenera z przewijaną pod spodem treścią, o ile w twojej sytuacji da to oczekiwany efekt.
Dokładnie tak jak napisało 2 osoby powyżej dodaj margines elementom znajdującym się pod navem. Tak właściwie jak się rozglądniesz po internetach to najczęstszą formą jest dodawanie nie marginesu a paddingu.
Ogólnie to powinno być tak że jeśli jesteś "na górze" to navbar ma być static. Dopiero jak trochę zescrollujesz w dół powinien być fixed. Wtedy ustawiasz margines jaki chcesz.