Na stronie internetowej, nad którą pracuję Mam ustaloną sekcję #top zawierającą nav, który powoduje, że zawartość poniżej ukrywa się częściowo za nim.CSS do przesyłania zawartości strony na dół
strona jest taka: http://s361608839.websitehome.co.uk/pt-build/templatebuild/
Próbowałem dodanie margin-top do #slider i margin-bottom do #top spróbować przesunąć się nawzajem, ale żaden z nich nie pracował.
Wszelkie pomysły?
wystarczy zmienić
div.anythingSlider {
position: relative;
padding: 110px 350px 28px 45px;
}
zmieniłem górną wyściółkę od 0 do 110px
po prostu dodaj top: 0; do #topwrap i margin-top: 100px do body. (Wymienić 100px o wartości chcesz, 100px jest minimalna, aby zobaczyć pierwszy nagłówek, ale twój #topwrap jest 151px wysoki - po prostu spróbuj wich wygląda najlepiej)
Twój #top jest fixed, więc marże nie będą działać.
trzeba zrobić dwie rzeczy, aby rozwiązać ten problem:
bodypadding-top lub margin-top równa wysokości #top (151px)#toptop:0; więc nadal trzyma się Góra strony.Użyj dopełnienia-blatu: 150px; na div z klasą anythingSlider
... a jeśli strona zostanie ponownie uporządkowana, wszystko znów się zepsuje - czy nie lepiej jest rozwiązać ten problem, zmieniając '# topwrap', tak jak wspomniano mi Kokos? – oezi
Downrating jest dość dickish, ponieważ nie znasz układu strony. Jeśli jakaś strona na stronie NIE ma nagłówka, to margines ciała jest oczywiście niewłaściwym sposobem na to. Ja, na przykład, nie zalecam zmiany układu każdej strony w witrynie, chyba że wiem, jak wygląda każda strona w witrynie. – LAW
Można użyć
div.anythingSlider{
position: relative;
top: 50%;
transform: translateY(-50%);
}
top: 50% przesunie zawartość w dół podczas translateY przywróci to na miejsce.
To nie jest sprytne rozwiązanie, ponieważ jeśli miałby dodać kolejną stronę/zmienić stronę, aby usunąć 'anythingSlider', musiałby dodać" dopełnienie "do elementu, który jest ostatnio na górze. Lepiej rozwiązać problem z '# top'. – Kokos
@kokos, to wszystko jest względne. Nie wiemy, jaki jest plan witryny. Zgadzam się, że istnieje wiele rozwiązań, ale zależy to od ogólnej witryny. Jeśli wszystkie strony mają stałą nawigację, dodaję dopełnienie do ciała. – Emil