Sto avendo un problema identico a questo manifesto: Jquery problem with height() and resize()JQuery: altezza dinamica() con finestra di ridimensionamento()
Ma la soluzione non risolve il mio problema. Ho tre div stacked e voglio usare JQuery per fare in modo che quello centrale regoli in altezza al 100% dell'altezza della finestra, meno l'altezza (23px * 2) dell'altro superiore & div bottom. Funziona su ridimensionamento, ma è spento (breve) di 16px quando il documento inizialmente viene caricato.
HTML
<body>
<div id="bg1" class="bg">top</div>
<div id="content">
help me. seriously.
</div>
<div id="bg2" class="bg">bottom</div>
</body>
CSS
html,
body {
width:100%;
height:100%;
}
.bg {
width:315px;
height:23px;
margin:0 auto;
text-indent:-9000px;
}
#bg1 {background:url(../images/bg1.png) 0 50% no-repeat;}
#bg2 {background:url(../images/bg2.png) 0 50% no-repeat;}
#content {
width:450px;
margin:0 auto;
text-align: center;
}
JQuery
$(document).ready(function(){
resizeContent();
$(window).resize(function() {
resizeContent();
});
});
function resizeContent() {
$height = $(window).height() - 46;
$('body div#content').height($height);
}
Io che cerchi qualcosa del genere? O il piè di pagina dovrebbe muoversi con la pagina? http://www.cssplay.co.uk/layouts/basics2.html Un violino sarebbe bello! – mrtsherman
Potrei fare qualcosa del genere, ma sono bloccato con l'HTML che verrà generato sul lato server. Mi è stato chiesto di risolvere questo tipo di problema con JQuery. – Gregir
Che cos'è il rientro del testo 9000px? – mrtsherman