dato il codice:
Così come è adesso, la scrollbar appare sul div cont, l'effetto è buono ma immaginate di avere una lista in orizzontale ed in ogni elemento un contenuto diverso, l'utente può visualizzare il contenuto desiderato selezionandolo da un menù che fa partire uno slide fatto con mootools. L'effetto sarà che se anche solo uno degli elementi fa scattare la scrollbar la si vedrà per tutti gli elemementi e questo è fastidioso. Da qui la necessità di studiare l'eventualità qui illustrata, quindi, secondo voi c'è un modo per avere la barra di scorrimento al div inner_cont invece che cont? Dimensioni fisse non si possono prendere in considerazione perchè attualmente (e così sarebbe opportuno rimanesse) cont si ridimensiona con la finestra.codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style> html,body{ margin : 0px; padding : 0px; height : 100%; } div#megacont{ position : relative; width : 100%; height : 100%; margin : 0 auto; } div#header{ background-color:#ff0000; position : absolute; width : 100%; left : 0px; z-index : 20; height : 100px; } div#cont{ background-color:#00ff00; position:fixed; left:0px; right:0px; bottom:150px; top:100px; overflow:auto;/**/ width:auto; height:auto; } div#inner_cont{ position:relative; width:800px; border:1px #000000 solid; height:100%; overflow:auto; } div#footer{ background-color:#0000ff; position : absolute; left : 0px; bottom : 0px; z-index : 20; height : 150px; width : 100%; } ul { margin:0px; padding:0px; } li { display:inline; } </style> </head> <body> <div id="megacont" align="center"> <div id="header"></div> <div id="cont"> <ul>[*] <div id="inner_cont"> testo lungherrimo che ho preso da lipsum.com e che non riporto per intero perchè sono educato :) </div> [/list] </div> <div id="footer"></div> </div> </body> </html>
faccine di rito:
bon
Una batteria di pentole e una bici con cambio shimano alle prime 100 telefonate
Rispondi quotando