Ovviamente le correzioni servono solo ad alleggerire il CSS non era sbagliato!Originariamente inviato da iraiscoming223
codice:#logo { float:left; border: none; padding: 4px 4px; <== se sono identici ne basta 1 top:12px; <== ? di solito si utilizzano con position: absolute left:10px; altrimenti basta margin: 12px 0 0 10px; } #menubar { position:relative; top:110px; border: none; height: 23px; width: 800px; background: url('images/menu_bar.png') #000000 repeat-x bottom left; <== le posizioni background: #000 url('images/menu_bar.png') repeat-x bottom left; text-align:center; } #logindiv { float:right; background: url('images/login_rect.png') no-repeat center; background-repeat: no-repeat; <== via border: none; top:5px; left:600px; width:190px; height: 92px; overflow: inherit; margin: 2px 2px 2px 2px; <== margin: 2px; text-align: center; } #footer { position: absolute; width: 800px; height: 50px; border: none; background: url('images/footer.png') #000000; <== vedi sopra text-align: center; font: italic 12px arial; } body { font: 10px; font-family: Tahoma, Verdana, sans-serif; background: top, center; background-color: white; background-image: url('images/defaultbackground.png'); background-repeat: repeat-x; background-attachment: fixed; background: #000 url('images/defaultbackground.pn) repeat-x fixed top center; <== forma breve padding: 0px 0px 0px 0px; <== padding: 0; margin-top:0px; margin-bottom:0px; } #layout { background: white; margin: 0px auto; width: 800px; height:100%; margin-top:0px; margin-bottom:0px; } #content { position: absolute; top: 150px; width: 800px; padding: 0px 0px 0px 0px; }![]()
Chiaro che poi devi verificare se il risultato è quello voluto!
Ti suggerirei però di inserire qualche dichiarazione aggiuntiva (hx, link, ...)
Prendi qualche spunto da CSS pratici
![]()