Ciao a tutti,
vi scrivo per chiedervi aiuto riguardo un problema che ho da un paio di giorni.
Ho modificato un templates solo che con chrome lo visualizzo correttamente mentre con gli altri browser non lo riesco a visualizzare bene nel senso che vedo una cella di una tabella più grande di quello che dovrebbe essere.....
Sapete come posso risolvere questo problema?
Nessuno in mio aiuto??
Nessuno qui riesce a capire cosa non va in una pagina sconosciuta
Il guaio per i poveri computers e' che sono gli uomini a comandarli.
Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
Consultate la discussione in rilievo: script / discussioni utili
Usate la funzione di Ricerca del Forum
se ci spiegassi cosa nei dettagli il problema, se ci dessi un link dove vedere la pagina e ci mostrassi il codice forse sarebbe più facile aiutarti
Ecco questo è il codice di una pagina, noterete che con chrome va benissimo, mentre con gli altri browser altera acune celle della tabella:
codice:<html> <head> <title>AMZ GROUP</title> <link rel="icon" href="favicon.ico"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="description" content="FW MX DW MX HTML"> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); //--> </script> <meta http-equiv="imagetoolbar" content="no"> <script language="JavaScript"> var msg="Right Click Disabled!"; function disableIE() {if (document.all) {alert(msg);return false;} } function disableNS(e) { if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {alert(msg);return false;} } } if (document.layers) { document.captureEvents(Event.MOUSEDOWN);document.onmousedown=disableNS; } else { document.onmouseup=disableNS;document.oncontextmenu=disableIE; } document.oncontextmenu=new Function("alert(msg);return false") </script> <link href="../smltxt.css" rel="stylesheet" type="text/css"> </head> <body background="back.jpg" topmargin="40" marginheight="40"> <div align="center"> <table border="0" cellpadding="0" cellspacing="0" width="650"> <tr> <td height="1">[img]../images/spacer.gif[/img]</td> <td>[img]../images/spacer.gif[/img]</td> <td width="401"><div align="center">[img]../images/spacer.gif[/img]</div></td> <td>[img]../images/spacer.gif[/img]</td> <td>[img]../images/spacer.gif[/img]</td> <td>[img]../images/spacer.gif[/img]</td> </tr> <tr> <td height="11" colspan="5">[img]../images/index_r1_c1.jpg[/img]</td> <td>[img]../images/spacer.gif[/img]</td> </tr> <tr> <td rowspan="8">[img]../images/index_r2_c1.jpg[/img]</td> <td rowspan="8">[img]../images/index_r2_c2.jpg[/img]</td> <td rowspan="6" valign="top" background="back.jpg" class="txtstyle"> <font face="BankGothic Lt BT" color="#FFFFFF" size="2" align="center"> </font> </p></td> <td rowspan="6">[img]../images/index_r2_c4.jpg[/img]</td> <td height="48"><a href="../index.html"> [img]../images/index_r2_c5.jpg[/img] </a> </td> <td>[img]../images/spacer.gif[/img]</td> </tr> <tr> <td height="49"><a href="Web Develop.htm"> [img]../images/index_r3_c5.jpg[/img] </a> </td> <td>[img]../images/spacer.gif[/img]</td> </tr> <tr> <td height="52"><a href="#"> [img]../images/index_r4_c5.jpg[/img] </a> </td> <td>[img]../images/spacer.gif[/img]</td> </tr> <tr> <td height="50"><a href="Grafica.htm"> [img]../images/index_r5_c5.jpg[/img] </a> </td> <td>[img]../images/spacer.gif[/img]</td> </tr> <tr> <td height="50"><a href="Chi Siamo.htm"> [img]../images/index_r6_c5.jpg[/img] </a> </td> <td>[img]../images/spacer.gif[/img]</td> </tr> <tr> <td height="50"><a href="Contatti.htm"> [img]../images/index_r7_c5.jpg[/img] </a> </td> <td>[img]../images/spacer.gif[/img]</td> </tr> <tr> <td height="14" colspan="3">[img]../images/index_r8_c3.jpg[/img]</td> <td>[img]../images/spacer.gif[/img]</td> </tr> <tr> <td height="1" colspan="3">[img]../images/index_r9_c3.jpg[/img]</td> <td>[img]../images/spacer.gif[/img]</td> </tr> </table> </div> <div align="center" > </div> </body> </html>
Niente???
A prima vista si direbbe un problema di box-model, ma senza il css reale e' solo tirare ad indovinare.
Posta un link alla pagina pubblicata
Il guaio per i poveri computers e' che sono gli uomini a comandarli.
Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
Consultate la discussione in rilievo: script / discussioni utili
Usate la funzione di Ricerca del Forum
Questo è il CSS:
codice:.txtstyle { font-family: Verdana, Arial, Helvetica, sans-serif, "BankGothic Lt BT", "BankGothic Md BT"; font-size: 10px; font-style: normal; font-weight: bold; text-transform: lowercase; color: #938C62; } .formstyle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; } .formbtns { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #FFFFFF; background-color: #938C62; }
@scag, per favore usa il tag code per postare codice
http://forum.html.it/forum/showthrea...hreadid=310046
grazie
beh, se già il codice html non prevede doctype, non mi stupisce il fatto che i browser - pure quelli "standard-compliant" - vadano un po' per conto loro ...Originariamente inviato da br1
A prima vista si direbbe un problema di box-model
@scag: a parte che quel codice per come l'hai strutturato sarebbe da buttare via tutto e rifarlo daccapo, comincia con applicare appunto una dtd preferibilmente strict, così mandi i browser in standards-mode. Poi va da sé che se progetti bene (codice valido, buon css ecc), ti ritroverai salvo rari casi ad avere tutti i browser standard-compliant che visualizzeranno alla stessa maniera.
Insomma, la solita storia trita e ritrita
Permessi di invio
Rispondi quotando