Col Doctype la visualizzazione risulterà. giustamente, sballata con tutti i browser. Vi sono problemi nel css e con i float. Ripulendo:
codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link rel="stylesheet" href="images/style.css" type="text/css"> <title>FAZZARI MARMI </title> <meta name= --- ometto tutti i metatag> <!--[if IE]> <style type="text/css"> BODY { SCROLLBAR-FACE-COLOR: #f3f3f3; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #cccccc; SCROLLBAR-3DLIGHT-COLOR: #f3f3f3; SCROLLBAR-ARROW-COLOR: #404056; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #cccccc; } </style> <![endif]--> <style type="text/css"> #sito { position: absolute; top:0px; left:0px; z-index:1;} #sfondo { position: absolute; top:0px; left:0px; z-index:-1;} .iframe { background-color: transparent; } ul { margin-top:0px; margin-left:20px; margin-bottom:0px; } .form { margin: 0px; } .button { margin: 0px; } .stop {font-size:7pt; font-family:arial; font-weight:bold; color:#990000} .testo {font-size:10px; font-family:verdana; color:#999999} .testo1 {font-size:10px; font-family:verdana; color:#000000} .testoj {font-size:10px; font-family:verdana; color:#999999; text-align:justify; padding-right:6px;} .testogr {font-size:10px; font-family:verdana; color:#cccccc} .titoli {font-size:10pt; font-family:Arial; font-weight:bold; color:#ff6600} .titoloAz {font-size:14pt; font-family:Arial; font-weight:bold; color:#336699} .titoloOr {font-size:14pt; font-family:Arial; color:#000000} .contenuti {FONT-size:10px; font-family:verdana; color:#666666; text-align:justify} .intestazione {font-size:8pt; font-family:Arial; font-weight:bold; color:#336699} .testoaz {font-size:10px; font-family:verdana; color:#336699} .testow {font-size:7pt; font-family:verdana; color:#ffffff} .testostop {font-size:7pt; font-family:verdana; font-weight:bold; color:#666666} .testotel {font-size:12pt; font-family:verdana; font-weight:bold; color:#225834} .testoaznormal {font-size:10px; font-family:verdana; color:#336699} .testoaznormal2 {font-size:8pt; font-family:verdana; font-weight:bold; color:#336699} .testo2 {font-size:8pt; font-family:verdana; color:#333333} .testoorange {font-size:8pt; font-weight:bold; font-family:verdana; color:#FF6600} .titleorange {font-size:20px; font-weight:bold; font-family:Tahoma, sans-serif; color:#FF9900} .titleblue {font-size:20px; font-weight:bold; font-family:Arial; color:#333366} .testo8 {font-size:8pt; font-weight:bold; font-family:verdana; color:#333333} .testogreen {font-size:8pt; font-weight:bold; font-family:verdana; color:#339933} .testo8red {font-size:8pt; font-weight:bold; font-family:verdana; color:#ff0000} .testobig {font-size:10pt; font-weight:bold; font-family:verdana; color:#000000} .testor {font-family: verdana; font-size:7pt; color: #cc0000} .testornb {font-family: verdana; font-size:7pt; color: #cc0000} .testored {font-size:8pt; font-family:verdana; color:#cc0000} .testoc {font-size:10px; font-family:verdana; color:#cccccc} .linkstop {font-size:10px; font-family:verdana; color:#cc0000} .teston {font-size:7pt; font-family:verdana; color:#000000} .testob {font-size:10px; font-family:verdana; font-weight:bold; color:#666666} .link {font-family: arial; font-size:7pt; font-weight:bold; color: #333333; text-decoration: none} .link:Hover {font-family: arial; font-size:7pt; font-weight:bold; color: #333333; text-decoration: none} .linkmenu {font-family: verdana; font-size:10px; color: #336699; text-decoration: none} .linkmenu:Hover {font-family: verdana; font-size:10px; color: #CC0000; text-decoration: none} .linkmail {font-family: verdana; font-size:10px; font-weight:bold; color: #336699; text-decoration: none} .linkmail:Hover {font-family: verdana; font-size:10px; font-weight:bold; color: #cc0000; text-decoration: underline} .link2 {font-family: verdana; font-size:7pt; font-weight:bold; color: #333333; text-decoration: none} .link2:Hover {font-family: verdana; font-size:7pt; font-weight:bold; color: #cc0000; text-decoration: none} .link3 {font-family: arial; font-size:7pt; font-weight:bold; color: #333333; text-decoration: none} .link3:Hover {font-family: arial; font-size:7pt; font-weight:bold; color: #990000; text-decoration: none} .linkmailp {font-family: verdana; font-size:10px; font-weight:bold; color: #336699; text-decoration: none} .linkmailp:Hover {font-family: verdana; font-size:10px; font-weight:bold; color: #ff3300; text-decoration: underline} .link5 {font-family: verdana; font-size:8pt; font-weight:bold; color: #333333; text-decoration: underline} .link5:Hover {font-family: verdana; font-size:8pt; font-weight:bold; color: #000000; text-decoration: underline} .linkazzurro {font-family: verdana; font-size:8pt; font-weight:bold; color: #336699; text-decoration: none} .linkazzurro:Hover {font-family: verdana; font-size:8pt; font-weight:bold; color: #cc0000; text-decoration: none} .link8a {font-family: verdana; font-size:8pt; font-weight:bold; color: #000000; text-decoration: none} .link8a:Hover {font-family: verdana; font-size:8pt; font-weight:bold; color: #cc0000; text-decoration: none} .link8b {font-family: verdana; font-size:8pt; color: #cc0000; text-decoration: none} .link8b:Hover {font-family: verdana; font-size:8pt; color: #336699; text-decoration: none} .link9 {font-family: verdana; font-size:10pt; color: #666666; text-decoration: none} .link9:Hover {font-family: verdana; font-size:10pt; font-weight:bold; color: #336699; text-decoration: none} .link9stop {font-family: verdana; font-size:10pt; font-weight:bold; color: #336699} .checkbox { background-color: #ffffff; border-style: 1px; width: 11px; height: 11px;} .link10 {font-family: verdana; font-size:10pt; color: #336699; text-decoration: none} .link10:Hover {font-family: verdana; font-size:10pt; font-weight:bold; color: #FF6600; text-decoration: none} .link11 {font-family: verdana; font-size:10pt; color: #666666; font-weight:bold; text-decoration: none} .link11:Hover {font-family: verdana; font-size:10pt; font-weight:bold; color: #336699; text-decoration: none} .link11stop {font-family: verdana; font-size:10pt; font-weight:bold; color: #cc0000} .unnamed1 { cursor: default; } .select { width:400px; border-style:0px; font-size: 10px; font-family: Verdana; font-color:#336699; } .select2 { width:200px; border-style:0px; font-size: 10px; font-family: Verdana; font-color:#336699; } .tdmenu { border: none; border-bottom:1px dotted #cccccc; display: block; font-family: verdana; color:336699; font-size:10px; padding:0px; } .headtop { border: none; border-right:1px dotted #333333; border-left:1px dotted #333333; } .linearossa { border-bottom:1px solid #cc0000; } .linearossa2 { border: none; border-top:1px solid #cc0000; } .tierrebottom { border:none; border-bottom:1px solid #336699; } .b2 { background: #646265; border: none; border-bottom:1px solid #333333; } .bordo { border-top:1px solid #333333; border-right:1px solid #ffffff; border-bottom:1px solid #333333; border-left:1px solid #ffffff; } .doppialinea { border-top:1px solid #333333; border-bottom:1px solid #333333; } .oro { border-top:1px solid #333333; border-bottom:1px solid #333333; } .linea { border-bottom:1px solid #efefef; } .dotted { border:1px solid #666666; } .over { border:1px dotted #ffcc00; } div.menu { border-bottom: 0px solid; border-left: 0px solid; } a.menu { padding:0px; display: block; font-family: verdana; color:#336699; font-size:10px; position: relative; text-decoration:none; } a.menu:hover { display: block; position: relative; font-family: verdana; font-size:10px; color:#cc0000; background: #f3f3f3; text-decoration:none; padding:0; } </style> <script type="text/javascript"> function ValidNumericKey(){ var result = false if (event.keyCode >= 48 && event.keyCode <= 57) {result = true} if (event.keyCode == 46) {result = true} event.returnValue = result return result } </script> </head> <body> <div id="wrapper"> <div id="toppage"> <div id="date"> <script type="text/javascript"> Mesi = new Array("Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre") Data = document.lastModified Giorno = Data.substring(3,5) Mese = Data.substring(0,2) Mese = Math.abs(Mese) Anno = Data.substring(6,10) document.write("",Giorno," ",Mesi[Mese - 1]," ",Anno,"") </script> </div> <div id="topbar"> Login | Area riservata | Contatti | </div> </div> <div id="header"> <div id="logo">[img]images/logo.jpg[/img]</div> <div id="destro"> Orario lavorativo: Lun-Sab 9:00 - 12:30/ 14:00 - 18:30</p> [img]images/facebook_logo.jpg[/img] <script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script> [img]images/skype_logo.jpg[/img] </div> </div> <div id="content"> <div id="menu"> <div align="right" style="width:189px; height:8px;">[img]images/mnu_topshadow.gif[/img]</div> <div id="linksmenu" align="center"> Chi siamo Dove trovarci Prodotti Servizi Contatti </div> <div align="right" style="width:189px; height:8px;">[img]images/mnu_bottomshadow.gif[/img]</div> </div> <div id="contenttext"> <div class="bodytext" style="padding:12px;" align="justify"> Abbiamo sviluppato il nostro progetto on line per interagire con l'utenza web. Qui troverete informazioni sempre aggiornate sui nostri orari lavorativi, sulle nostre proposte commerciali e le novità Ci rivolgiamo a quella fascia di clientela che non è possibile acquisire per i limiti imposti dai confini fisici. Siamo artigiani con la cura per i dettagli, ma con una capacità di rinnovamento che ci porta ad essere sempre all'avanguardia in ogni settore del nostro articolato lavoro. </div> <div class="panel" align="justify"> <span class="orangetitle">Benvenuti</span> <span class="bodytext"> Nel nostro sito </span> [img]images/lab1.jpg[/img] </div> </div> </div><div style="clear:both"></div></div> <div id="footer" class="smallgraytext" align="center"> Chi siamo | Dove trovarci | Prodotti | Servizi | Contatti FAZZARI MARMI © 2012 P.I: 01993580511 Statistiche </div> </body> </html>

Rispondi quotando