Sto realizzando un sito e mi trovo di fronte ad un problema, allego un'immagine del template.
Il listato è il seguente:
In pratica ho bisogno che il div "left" si adatti all'altezza del div "content" che varia in base al suo contenuto. E' Possibile?codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN"> <html> <head> <title></title> <style type="text/css"> body { margin:0; background: #eee; } #header { background: #bbb; width: 900px; height: 150px; } #container { width: 900px; } #left { position: relative; float: left; background: #888; /*sarà una png con trasparenza */ width: 200px; height: 100%; /* quest'altezza dovrebbe essere pari a quella del "#content" che si adatta al contenuto */ left: 30px; } #content { background: #fff; float: right; position: relative; width: 670px; } #footer { background: #000; height: 16px; width: 900px; margin-bottom: 25px; } </style> </head> <body> <div id="container"> <div id="header"></div> <div id="left">menù</div> <div id="content"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent in risus. Aliquam ornare, tellus non feugiat dictum, purus turpis blandit est, ut egestas dui mauris vel est. Mauris sit amet nibh. Ut accumsan lacus nec ipsum. Curabitur quis lorem. Maecenas libero. Vivamus pretium ligula ut nisi. Phasellus enim massa, blandit rutrum, rutrum vel, accumsan at, nisl. Pellentesque auctor leo ut pede. Quisque tristique risus. Aliquam semper eleifend odio. Curabitur nec ipsum. Cras eu turpis. Ut risus pede, egestas quis, facilisis vitae, pretium dictum, tortor. Praesent scelerisque. Vestibulum mi ligula, dignissim vel, egestas non, molestie quis, elit. Ut id neque. Integer et est. Proin pretium dolor non mauris. Vestibulum volutpat, orci id viverra tincidunt, urna lacus tristique nisi, quis euismod orci dui a neque. Duis adipiscing feugiat massa. Proin vitae lectus. Nam nisl est, iaculis vehicula, tincidunt id, porta sollicitudin, erat. Morbi vestibulum pulvinar mauris. Phasellus condimentum aliquet ligula. Nulla sit amet neque. Nam erat metus, consectetuer in, pulvinar pellentesque, pulvinar ac, nunc. Fusce ante. Sed vehicula lobortis risus. Fusce nibh. Sed pede dolor, commodo id, tristique non, pulvinar in, purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque aliquet blandit tellus. Curabitur congue, felis et dapibus facilisis, orci felis ultrices velit, et euismod ante felis et neque. Vestibulum imperdiet tincidunt quam. </div> <div style="clear: both;"></div> </div> <div id="footer"></div> </body> </html>
Rispondi quotando