Ciao a tutti,
dovrei realizzare questo layout 20150825_161740.jpg
Header e menu larghezza fissa
"sinistra" e "Destra" scrollabili separatamente se sforano la lunghezza della pagina, e qui è il problema
FOOTER sempre visibile in fondo alla pagina e sinistra e destra si dovrebbero allungare o accorciare in base alla risoluzione dell'utente.
E' possibile questo? Sapreste aiutarmi?
Grazie mille in anticipo. Non ci salto fuori
È possibile farlo! Sapremmo aiutarti, qui ce gente che ne sa una più del diavolo! Cosa vorresti che ti facessimo il codice completo (pappa pronta)?
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Volevo sapere prima di tutto se era fattibile.Originariamente inviata da carlomarangoni
Attualmente il mio css è questo:
Utilizzato da:codice:#page{ width: 1276px; position: absolute; left: 50%; margin: 0 0 0 -638px; } #header{ position:relative; float:left; margin-right:200px; height:100px; width:1274px; border-bottom: solid 3px rgb(94,0,0);} #login{ float:right; width:260px; height:34px; border:0px solid rgb(94,0,0); margin: 2px; border-radius: 3px; padding:4px; margin-right:30px;} #top{ padding-left:5px; position:relative; clear: both; width:1272px; border-top: solid 0px rgb(94,0,0); border-bottom: solid 2px rgb(94,0,0); height: 40px; font-family: 'Century Gothic';} #container{ border:0px solid rgb(3,53,5); margin-top:5px; width:1274px;} #sinistra{ float:left; top:0px; left: 0px; clear:both; width: 230px; height:100%; font-family: 'Century Gothic'; overflow: auto; padding-top:12px; white-space:nowrap;} #destra{ margin-left: 230px; padding: 10px; height:100%;} #destraVuoto{ margin-left: 140px; padding-left: 70px; } #footer{ position:fixed; width:1274px; bottom:0px; height:35px; text-align:center; background-color:rgb(3,53,5); color: white; z-index:999999;}
codice:<html> <head><?php include("pages/head.php"); ?></head> <BODY> <div id="page"> <div id="header"><?php include("pages/header.php"); ?></div> <div id="top"><?php include("pages/menu_destra.php"); ?><div id="login"><?php include("pages/login.php"); ?></div></div> <div id="container"> ................ </div> </div> </div> <div id="footer"><?php include("pages/footer.php"); ?></div> </body> </html>
Sapreste darmi una mano? che non ci salto fuori da solo.!!
Grazie mille
direi di affrontare per prima a questione del footer:
http://www.html.it/pag/18968/sticky-...o-alla-pagina/
così capisci dove hai lo spazio per mettere i contenitori che ti servono
Perfetto, il footer l'ho sistemato.
per le due DIV di destra e sinistra?
vado a memoria (potrei sbagliarmi)
al div di dx assegni float:right con questa logica:
codice:css #dx {float:right;} #dx, #sn {overflow:auto;} /* o scroll, vedi tu*/ html <div id="dx"></div> <div id="sn"></div>
Io vorrei realizzare prticamente, che la pagina non avrà mai uno scrolling verticale.. Ma che possano scrollare le sue due div (destra e sinistra) per adattarsi ai contenuti.
Con il footer quindi sempre visibile in basso
avevi detto:
se ha cambiato idea, in questo contesto, basta che non imposti overflow"sinistra" e "Destra" scrollabili separatamente se sforano la lunghezza della pagina, e qui è il problema
edit:
ho riletto la tua ultima risposta:
quindi corrisponde a quello che ti ho espostoMa che possano scrollare le sue due div (destra e sinistra) per adattarsi ai contenuti
Ultima modifica di Vincent.Zeno; 28-08-2015 a 17:28
probabilmente mi sono spiegato male.
la pagina in generale mi piacerebbe fosse statica (header menu footer sempre fermi), mentre destra e sinistra si adattando ai contenuti e se dovessero superare la dimensione dello schermo devono scrollare.
Permessi di invio
Rispondi quotando