ciao...
non sono un esperto di css (a dir vero ne conosco davvero poco) e quindi chiedo a voi un aiuto.
sto usando un css che fa parte degli esempi del dreamweaver , e mi sono accorto che da problemi in caso si usano frame.
mi spiego... se uso i frame nel mio sito succede che quando ci sono perlopiù immagini, tali vengono trascinate giu quando si usa lo scroll del mouse.
questo succede con IE6.x, non succede con IE7 e Firefox 2.0 .
Il codice del css è interamente postato qui.
Qualcuno mi sa dire se ci sono problemi in questo css?
Grazie!
Ciao
codice:body{ font-family: Maiandra GD,Arial,sans-serif; color: #333333; line-height: 1.166; margin: 0px; padding: 0px; background-image:url(images/sfondogenerale.png); background-repeat:repeat-x } a:link, a:visited, a:hover { color: #006699; text-decoration: none; } a:hover { text-decoration: underline; } h1, h2, h3, h4, h5, h6 { font-family: Maiandra GD,Arial,sans-serif; margin: 0px; padding: 0px; } h1{ font-family: Maiandra GD,Verdana,Arial,sans-serif; font-size: 130%; color: #334d55; } h2{ font-size: 124%; color: #006699; } h3{ font-size: 110%; color: #334d55; } h4{ font-size: 110%; font-weight: normal; color: #333333; } h5{ font-size: 110%; color: #334d55; } ul{ list-style-type: square; } ul ul{ list-style-type: disc; } ul ul ul{ list-style-type: none; } label{ font: bold 110% Maiandra GD,Arial,sans-serif; color: #334d55; } #masthead{ margin: 0; padding: 10px 0px; border-bottom: 1px solid #0099FF; width: 100%; } #navBar{ margin: 0 79% 0 0; padding: 0px; background-color: ; border-right: 0px solid #0099FF; border-bottom: 0px solid #0099FF; } #content{ float:right; width: 75%; margin: 0; padding: 0 3% 0 0; } #siteName{ margin: 0px; padding: 0px 0px 00px 60px; } #pageName{ padding: 0px 0px 10px 10px; } #globalNav{ color: #0099FF; padding: 0px 0px 0px 10px; white-space: nowrap; } #globalNav img{ display: block; } #globalNav a { font-size: 10%; padding: 0px 4px 0px 0px; } #breadCrumb{ font-size: 90%; padding: 5px 0px 5px 10px; } .feature{ padding: 0px 0px 10px 10px; font-size: 90%; } .feature h3{ padding: 30px 0px 5px 0px; text-align: center; } .feature img{ float: left; padding: 0px 10px 0px 0px; margin: 0 5px 5px 0; } .story{ clear: both; padding: 10px 0px 0px 10px; font-size: 90%; } .story p{ padding: 0px 0px 10px 0px; } .story img{ float: left; padding: 0px 10px 0px 0px; margin: 0 5px 5px 0; } #siteInfo{ clear: both; border: 1px solid #0099FF; font-size: 85%; color: #0099FF; padding: 10px 10px 10px 10px; margin-top: 0px; } #siteInfo img{ padding: 4px 4px 4px 0px; vertical-align: middle; } #search{ padding: 5px 0px 5px 10px; border-bottom: 0px solid #0099FF; font-size: 100%; } #search form{ margin: 0px; padding: 0px; } #search label{ display: block; margin: 0px; padding: 0px; } #navBar ul a:link, #navBar ul a:visited {display: block;} #navBar ul {list-style: none; margin: 0; padding: 0;} #navBar li {border-bottom: 0px solid #EEE;} html>body #navBar li {border-bottom: none;} #sectionLinks{ font-size: 120%; position: relative; margin: 0px; padding: 0px; border-bottom: 0px solid #0099FF; } #sectionLinks h3{ padding: 10px 0px 2px 10px; } #sectionLinks a:link{ padding: 2px 0px 2px 10px; border-top: 0px solid #0099FF; width: 100%; voice-family: "\"}\""; voice-family:inherit; width: auto; } #sectionLinks a:visited{ border-top: 0px solid #0099FF; padding: 2px 0px 2px 10px; } #sectionLinks a:hover{ border-top: 0px solid #0099FF; /*background-color: #00FF00;*/ padding: 2px 0px 2px 10px; } .relatedLinks{ margin: 0px; padding: 0px 0px 10px 10px; font-size: 100%; } .relatedLinks h3{ padding: 10px 0px 2px 0px; } #advert{ padding: 10px 0px 0px 10px; font-size: 90%; border-top: 0px solid #0099FF; } #advert img{ display: block; } #headlines{ margin: 0px; padding: 10px 0px 20px 10px; font-size: 90%; } #headlines p{ padding: 5px 0px 5px 0px; }

stex1984 
Rispondi quotando