CSS per spingere il contenuto in basso nella pagina

In una pagina Web su cui sto lavorando Ho una sezione #top fissa contenente il nav che sta facendo in modo che il contenuto sottostante si nasconda parzialmente dietro di esso.CSS per spingere il contenuto in basso nella pagina

la pagina è questa: http://s361608839.websitehome.co.uk/pt-build/templatebuild/

Ho provato ad aggiungere margin-top a #slider e margin-bottom a #top per cercare di spingere l'altro a parte ma nessuno di coloro che hanno lavorato.

Qualche idea?

fonte

2011-10-13 Tim

basta cambiare

div.anythingSlider { 
    position: relative; 
    padding: 110px 350px 28px 45px; 
}

ho cambiato il padding superiore da 0 a 110px

fonte

2011-10-13 07:30:27 Emil

Questa non è una soluzione intelligente perché se dovesse aggiungere un'altra pagina/cambiare pagina per rimuovere 'anythingSlider', dovrebbe aggiungere il' padding' all'elemento che è appena stato in cima. È meglio risolvere il problema da "# top". – Kokos

@kokos, è tutto relativo. Non sappiamo quale sia il piano per il sito. Sono d'accordo che ci sono molte soluzioni ad esso, ma dipende dal sito generale. Se tutte le pagine hanno la navigazione fissa, aggiungerei il padding al corpo. – Emil

basta aggiungere top: 0;-#topwrap e margin-top: 100px a body. (Sostituire 100px con un valore che ti piace, 100px è il minimo per vedere il primo titolo, ma il vostro #topwrap è 151px di altezza - basta provare Quale vede meglio)

fonte

2011-10-13 07:27:11 oezi

tuo #top è fixed, quindi i margini non funzioneranno.

devi fare due cose per risolvere questo problema:

Lascia la tua body un padding-top o margin-top uguale all'altezza di #top (151px)
Dare #top un top:0; quindi si attacca ancora al parte superiore della pagina.

fonte

2011-10-13 07:27:43 Kokos

Utilizzare padding-top: 150px; sul div con classe anythingSlider

fonte

2011-10-13 07:28:51 LAW

... e se il sito viene riordinato, tutto si interrompe di nuovo - non è meglio risolvere questo cambiando '# topwrap 'come Kokos e me menzionato? – oezi

Il downrating è piuttosto dickish dato che non conosci il layout del sito. Se una qualsiasi pagina del sito NON ha l'intestazione, il margine del corpo è chiaramente il modo sbagliato per farlo. Io, per esempio, non sostengo cambiando il layout di ogni pagina del sito a meno che non conosca l'aspetto di ogni pagina del sito. – LAW

È possibile utilizzare

div.anythingSlider{ 
    position: relative; 
    top: 50%; 
    transform: translateY(-50%); 
}

top: 50% si sposterà sul suo sito web verso il basso mentre translateY lo rimetterà a posto.

fonte

2017-01-09 15:25:19 DeeJay

CSS per spingere il contenuto in basso nella pagina

risposta

Problemi correlati