Salve a tutti, sto lavorando ad un layout a due colonne (sinistra div menu e destra div contenuti) e avevo necessità che il tutto fosse width ed height al 100% e il layer dei contenuti avesse una barra di scorrimento (invece che scorrere tutto compreso il layer del menu).
Ho fatto tutto ma...quando metto contenuto in eccesso nel layer dei contenuti il layer dei contenuti si accorcia in larghezza. Come è possibile?
Ecco il codice della pagina
Grazie per gli eventuali aiuti.codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test</title> <style type="text/css"> html, body { margin: 0; width: 100%; height: 100%; padding: 0; border: 0; } #divContainer { width: 100%; height: 100%; background-color: pink; } #divMenu { min-height: 100%; float: left; width: 352px; background-color: red; } #divContent { max-height: 100%; min-height: 100%; height: 100%; margin-left: 343px; overflow: auto; background-color: yellow; } </style> </head> <body style="background-color: black"> <div id="divContainer"> <div id="divMenu"> Menu </div> <div id="divContent"> asdasdasdasdasdasdasdasdasdasd asdasdasdasdasdasdasdasdasdasdasdasdasdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd asdasd </div> </div> </body> </html>
Rispondi quotando