Sto sviluppando questo sito.
Il problema che sto affrontando è lo spazio bianco sul lato destro dell’intestazione sullo zoom. Ho fatto ogni genere di cose, ma non sono riuscito a riempire il bianco con l’area dell’intestazione con il nero.
Codice CSS pertinente: (Non sto incollando l’intero codice perché è troppo lungo, puoi trovarlo nel sito Web)
header { float:left; width:100%; height:700px; background:#000000; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; } .header_main { background: #000000; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; float:left; height:800px; width:100%; } Ci sono molti problemi, segui come suggerito di seguito:
1 .slideshow{margin: -10px 0 0 50px;} Rimuovi questa riga dalla class .slideshow
2 .headrouter{ padding-left:100px; width:1200px;} .headrouter{ padding-left:100px; width:1200px;} Rimuovi padding-left e set width: 1100px
3 #site_content {margin-left:50px; } #site_content {margin-left:50px; } rimuovi margin-left
4 Aggiungi overflow-x: nascosto al corpo come di seguito:
body { background: none repeat scroll 0 0 #FFFFFF; font: 80% Arial,Helvetica,sans-serif; overflow-x: hidden; }
Questo dovrebbe risolvere il problema.
È perché sul tuo http://www.brilliantseotechnologies.com/css/2nav.css hai larghezza: 98% per la tua class ul.menu