position: fixed
position: fixed
che da' problemi di compatibilità con versioni anche recenti di IExplorer che non lo riconosce, e lo esegue come position: static; (nemmeno absolute). Di solito si compensa con uno SCRIPT che ri-posiziona il DIV allo scrollare della pagina: il risultato è spesso una barra tremolante su IE; ora non so questo se c'è nell' insieme htm+script del tuo "coso", ma soprassediamo.Originariamente inviata da realtebo
JavaScript consente un workaround che risolve perfettamente il tuo problema. Ti posto un modellino, aprilo con un Mozzilla/netscape per vederlo all' opera: ridimensiona la finestra col trascina e vedi come tutto s' aggiusta.
codice:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head><title>plastic bar</title> <script type="text/javascript"> function adjustBar(){ var barHeight=window.document.getElementById("navbar").offsetHeight; document.getElementById("container").style.marginTop=barHeight + "px"; document.title=barHeight; } </script> <style type="text/css"> .modulo {float: left; width: 80px; height: 70px; margin: 2px; border: 1px dashed green} </style> </head><body onload="adjustBar();" onresize="adjustBar();"> <div id="navbar" style="position: fixed; padding: 2px; border: 1px dashed red"> <div class="modulo"></div><div class="modulo"></div> <div class="modulo"></div><div class="modulo"></div> <div class="modulo"></div><div class="modulo"></div> <div class="modulo"></div><div class="modulo"></div> <div class="modulo"></div><div class="modulo"></div> <div class="modulo"></div><div class="modulo"></div> </div> <div id="container" style="position: absolute; left: 8px; width: 100%; height: 1000px; margin-top: 82px; border: 1px dashed blue"><h2> bla . . . <br>bla . . . bla . . . bla . . . bla . . . <br>bla . . . bla . . . bla . . . bla . . . </h2></div> </body> </html>
Rispondi quotando
