Salve ragazzi vorrei chiedervi un aiuto
all'interno del mio sito vorrei creare delle section (che poi al loro interno conterranno altri elementi)
che si adattino al 100% sia in altezza che in larghezza alla finestra del broswer
lo script che utilizzo attualmente è questo:
<style>
#section01{
width:100%;
}
#section02{
width:100%;
}
#section03{
width:100%;
}
</style>
var altezza=$(window).height();
$(document).ready(function(e) {
$("#section01").height(altezza);
$("#section02").height(altezza);
$("#section03").height(altezza);
$(window).bind("resize orientationchange", function(e){
$("#section01").height(altezza);
$("#section02").height(altezza);
$("#section03").height(altezza);
});
});
<body>
<section id="section01"> contenuto delle section </section>
<section id="section02">contenuto delle section </section>
<section id="section03">contenuto delle section </section>
</body>
però spesso le section mi danno un comportamento strano
il più frequente è quello che quando restringo la finestra del broswer i contenuti delle section escono fuori da essa creando delle antipatiche sovrapposizioni con gli elementi delle section successive
Grazie in anticipo per l'aiuto
PS: all'interno del documento html richiamo le librerie jquery ecc ecc. quello che ho scritto è solo il codice che uso per creare l'effetto da me richiesto
Rispondi quotando
