onepage , section

Question

Cześć, mam taki problem, pierwszy raz zrobiłem strone w onepagu (ze scrollem na section), błąd polega na tym, że jak w menu przejde np. do sekcji contact, to na samej górze ścina np. 30px wysokości, dopiero jak odświeże strone wraca do normy. www.rejuonline.pl

Pozdrawiam

Answer 1

Problem jest spowodowany przez overflow: hidden w .container. Nie bardzo widzę powód, dla którego jest tam wgl dodany (inna rzecz, że w sumie nie bardzo widać różnicę po wywaleniu .container w całości).

Przy okazji, warto poprawić HTML. Obecnie brakuje choćby doctype'u, co powoduje, że strona renderuje się w trybie quirks – co również może mieć wpływ na takie rzeczy.

Comments

doctype zawsze wstawiam, zapomniałem wstawić - dzięki za przypomnienie, wyrzuciłem cointaner + overflow i jest ok teraz. Dzieki za pomoc.

Pozdrawiam

---

@Comandeer, jeśli overflow: hidden usune, to pasek na dole sie pojawia jak sie zmniejsza przegladarke pod inne ekrany.. :/

---

No bo masz elementy mające sztywne rozmiary, np. nagłówki mające 1200px. To one rozwalają layout strony na mniejszych ekranach. Jedyne, co overflow: hidden robi, to je ucina na mniejszych ekranach, np. sekcja "Kontakt" wygląda tak:

---

Ok, już wszystko działa, zrobiłem pod telefon i jest ok.

Dzięki