ho le seguenti pagine in cui ho utilizato "\"}\"" per evitare che ie5* continui a leggere gli stili.
(non iniziate a dire che ie5 e' poco utilizzato perche' sto facendo questo sito per una multinazionale che ancora fa girare su tutti i pc ie5.0 e nt4)
adesso siccome gli pesa girare la pagina (e metterla in orizzontale) per la stampa, dovrei fare un css per il media print per far entrare tutto il contenuto in un a4 verticale.
la cosa sarebbe anche fattibile se accettasse "\"}\"" all'interno del css ma non lo fa.
c'e' un modo per evitare che il css venga letto completamente da alcuni browser (magari di vecchia generazione) o c'e' il modo di affibbiare ad alcuni browser un css particolare??
eccovi il codice della pagina, tabellare con css abbastanza complicato ma mediamente efficace da mozilla a ie5
stile css
codice della paginacodice:body{ font-size:10pt; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000099; text-align:center; margin:0; padding-top:2px; padding-left:2px; background:#efefFa; display:block; height:auto !important } #TuttaLaPagina{ font-size:10pt; position:relative; border:thin solid #000099; background:white url("/images/menu1.jpg"); background-repeat:repeat-y; background-position:0% 120px; text-align:left; width:770px; display:block; height:auto; min-height:900px; } #Menu { text-indent:1em; font-weight:600; width:169px; float:left; font-size:.85em; display:block; height:auto !important } #Contents { width: 599px; padding-bottom:0px; float:left; clear:right; background-image:url("/images/sfondo1.gif"); background-repeat:repeat-y; background-position:490px 0%; display:block; height:auto !important } #Central{ width:490px; float:left; font-size:.85em; background: white url("/images/sfondoEP.gif"); display:block; height:auto !important } .CellaSX{ float:left; border:thin solid #CCCCCC; background-color:#FFFFFF; padding:3px; margin-right:0px; text-align:left; /* border-style:none solid none solid;*/ display:block; height:180px; width:238px; voice-family: '\'}\''; voice-family:inherit; width:228px; min-height:180px; } .CellaDX{ width:228px; float:right; border:thin solid #CCCCCC; background-color:#FFFFFF; padding:3px; clear:right; text-align:left; /* border-style:none solid none solid;*/ margin-right:0px; display:block; } .Cella{ width:470px; border:thin solid #CCCCCC; padding:3px; margin-right:0px; display:block; text-align:left; height:auto !important } .Riga{ width:480px; margin:5px; clear:both; display:block; text-align:center; height:auto !important } #extLinks{ width:106px; text-align:center; float:left; margin-left:3px; font-size:.85em; display:block; height:auto !important } #Coda { clear:both; text-align:center; color:#FFFFDD; height:1.4em; font-size:.8em; width:770px; background-color:#000099; padding-top:2px; padding-bottom:2px; /*border:thin solid #000099;*/ display:run-in; }
codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="it" dir="ltr"> <head>... </head> <body> <div id="TuttaLaPagina"> <div style="font-size:.8em;width:585px;position:relative; top:85px;left:174px;z-index:1"> <div style="border-style:none;text-align:center;float:left"> ...</div> </div> [img][/img] <div id="Menu"> </div> <div id="Central"> <div class="Riga"> <div class="Cella" style="border-style:none;float:right"> </div> </div> <div class="Riga" > <div class="CellaSX" style='height:180px;width:238px; voice-family: "\"}\"";voice-family:inherit;width:228px; height:auto !important; min-height:180px;'> </div> <div class="CellaDX" style='height:180px;width:238px; voice-family: "\"}\"";voice-family:inherit;width:228px; height:auto !important; min-height:180px;' > </div> </div> <div class="Riga"> <div class="Cella" style='border-color:#FD7F2B; text-align:center;background-color:#FFFFFF;width:480px; voice-family: "\"}\"";voice-family:inherit;width:470px'> </div> </div> <div id="extLinks"> </div> <div id="Coda"> </div> </div> </div> </body> </html>
Rispondi quotando
