Non mi è chiarissimo l'utilizzo del posizionamento assoluto. Personalmente per ottenere quanto indichi, e basandomi su una modifica veloce del tuo codice userei questo (stile e html sono tutti nella stessa pagina):
codice:<!DOCTYPE html><html> <head> <title> Menu orizzontale </title> <style> html{ width: 100%; height: 100%; border: 3px solid red; } div#container { border-top: 1px solid black; border-bottom: 1px solid black; width:100%; } #menu{ float:right; } div.cella { float:left; margin: 10px; text-decoration: underline; font-weight: bold; } div#content { clear:both; width:100%; border: 4px solid green; } </style> </head> <body> <div id = "container" > <div id="menu"> <div class = "cella"> Prima Voce </div> <div class = "cella"> Seconda Voce </div> <div class = "cella"> Terza Voce </div> <div class = "cella"> Quarta Voce </div> <div class = "cella"> Quinta Voce </div> </div> </div> <div id = "content" > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vel lorem in nisl sodales vehicula. Aliquam eleifend accumsan lectus sit amet lobortis. Duis iaculis tortor sed metus interdum dignissim. Maecenas ultrices scelerisque dignissim. Cras nulla dui, finibus sit amet lorem ac, fermentum consequat neque. Aenean eget laoreet urna. Proin ac tincidunt turpis. Integer dignissim turpis augue, non faucibus elit molestie quis. Suspendisse posuere magna non lorem finibus, vitae sagittis dolor feugiat. Proin malesuada mi velit, sed viverra justo consequat a. Duis dignissim venenatis sapien ac molestie. </div> </body> </html>
È corretta la mia interpretazione del tuo problema?
Rispondi quotando