Ich habe mir eine kleine Homepage gebastelt. Solte schnelle ladezeit haben ... deswegen habe ich fast nur CSS benutzt. Die div's habe ich erst mit style="... gemacht. Da das dan zu unübersichtlich wurde, (Die Page ist für einen Freund der das nicht so gut kann!) habe ich die CSS-Codes in eine CSS-Datei gemacht. Aber jetzt wird die Seite komplett falsch angezeigt.
Hier der Code der CSS-Datei:
body { scrollbar-face-color: #AC0101; scrollbar-highlight-color: #AC0101; scrollbar-3dlight-color: #AC0101; scrollbar-darkshadow-color: #9F0202; scrollbar-shadow-color: #AC0101; scrollbar-arrow-color: red; scrollbar-track-color: #9F0202; } a:link { color:#FF9D67; text-decoration: none; } a:visited { color:#FF9D67; text-decoration: none; } a:active { color:#FF9D67; text-decoration: none; } a:hover { color:red; text-decoration: line-through; } .ueberschrift { background-color: #B50202; width: 100%; border: dotted 1px red; color: #FF9D67; font-size: 12px; font-family: verdana; text-align: center; padding: 2px; } .oben-center { position: absolute; top: 15px; left: 20px; width: 880px; height: 70px; background-color: #9F0202; border: ridge 3px red; color: red; text-align: center; font-family: verdana; } .oben-links { position: absolute; top: 0px; left: 0px; width: 125px; height: 70px; background-color: #9F0202; border: 0px; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#880101,endColorS tr=#9F0202; } .oben-rechts { position: absolute; top: 0px; left: 750px; width: 125px; height: 70px; background-color: #9F0202; border: 0px; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#9F0202,endColorS tr=#880101; } .menu1 { position: absolute; top: 100px; left: 20px; width: 125px; height: 400px; background-color: #9F0202; border: ridge 3px red; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#880101,endColorS tr=#9F0202; } .menu12 { position: absolute; top: 10px; left: 10px; width: 100px; height: 230px; border: 1px; color: #FF9D67; font-size: 12px; font-family: verdana; } .main { position: absolute; top: 100px; left: 160px; width: 600px; height: 400px; background-color: #9F0202; border: ridge 3px red; } .maintext { position: absolute; top: 10px; left: 10px; width: 575px; height: 375px; border: 0px; color: #FF9D67; font-size: 12px; font-family: verdana; } .menu2 { position: absolute; top: 100px; left: 775px; width: 125px; height: 400px; background-color: #9F0202; border: ridge 3px red; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#9F0202,endColorS tr=#880101; } .menu22 { position: absolute; top: 10px; left: 10px; width: 100px; height: 230px; border: 1px; color: #FF9D67; font-size: 12px; font-family: verdana; } .copy { position: absolute; top: 510px; left: 380px; background-color: white; width: 100px; border: 0px; color: #FF9D67; font-size: 8px; font-family: verdana; padding:2px; text-align: center; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#9F0202,endColorS tr=#880101; }
Bei der Homepage hab ich bei den div's immer <div class="copy"></div> gemacht ...
Was hab ich falsch gemacht?
Hoffe es kann mir jemand weiterhelfen ...