Ciao a tutti, vorrei porvi un quesito, inserendovi per intero il css che sto scrivendo all'interno della mia pagina html, praticamente non riesco a dare ai div la lunghezza e/o la larghezza intera della pagina
ci sto sbattendo la testa ma proprio non riesco a capire.codice:<style> div } .header{ background-color:#fff; width:100%; height:100px; } .logo{ height:100px; width:10%; position: Absolute; top: 10px; left: 5px; } .menu{ height:100px; width: 80%; position: Absolute; top: 70px; left: 217px; } /* menu */ ul { list-style-type: none; margin-top: 1px; margin-left: 192px; padding: 0; overflow: hidden; background-color: #2e9bac; height: 25px; } li { float: right; } li a { display: block; color: white; text-align: right; padding: 3px 5px; text-decoration: none; } li a:hover { background-color: #1f6383; } li a:active { background-color: #7e9faa; } li { border-right: 1px solid #fff; border-left: 1px solid #fff; } li:last-child { border-right: ; } .menu_lat_sx { position: relative; top: 8px; left: -210px; background-color: #2e9bac; width: 200px; height: 500px; } .desktop{ position: absolute; top: 50px; left: -10px; background-color:#E8E4E4; min-width: 100%; min-height: 100%; } </style> </head> <body> <div class="header"> <div class="logo"> <img src="immagini/loghi/Futura_logo-xsmall.jpg" width="413" height="99" alt=""/> </div> <div class="menu"> <ul> <div> <li><a href="#home">Contatti</a></li> <li><a href="#news">News</a></li> <li><a href="#contact">Noi</a></li> <li><a href="#about">Home</a></li> </div> </ul> <div class="menu_lat_sx"> <a href="#home">Noi</a> <a href="#home">News</a> <a href="#home">Contatti</a> </div> <div> <div class="desktop"> <a href="#home">desktop</a> </div> </body> </html>
potreste darmi una dritta? grazie