Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di jcsnake
    Registrato dal
    Jun 2010
    Messaggi
    629

    Problema compatibilità browser

    Ciao a tutti, come da titolo, mi ritrovo ad avere dei problemi con la traduzione della mia pagina html da parte dei tre browser principali (Explorer,Mozilla,Chrome). Difatti questi visualizzano il mio codice in maniera diversa, posto il codice della mia pagina principale
    codice:
    <html>
    <head>
    	<link href="css/jquery.pictureMenu.css" rel="stylesheet" type="text/css" /> 
        <link href="css/style.css" rel="stylesheet" type="text/css" /> 
        
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> 
        <script src="js/jquery.pictureMenu.js" type="text/javascript"></script> 
        <script src="js/jquery.animations.js" type="text/javascript"></script> 
        
        <script type="text/javascript"> 
            $(document).ready(function() {
                $(".MainMenu1").pictureMenu();
                $(".MainMenu2").pictureMenu({
                    animateTime: 600,
                    menuInactiveHide: 0.2,
                    menuActiveWidth: 600,
                    useMenuActiveWidth: true
                });
                $(".MainMenu3").pictureMenu({
                    menuInactiveHide: 0.5,
                    menuBorder: 0,
                    useMenuWidth: false
                });
            });
        </script>
    	</head>
    
    <body>
    	<table class="corpo">
    		<tr background="images/up.png">
    			<td colspan=2 height="100"></td>
    		</tr>
    		<tr>
    			<td>
    				
    				<center>
    				[img]images/logo_home.png[/img]
    
    			</td>
    			<td>
    				
    				<div id="Wrapper"> 		
    					<div class="MainMenu3"> 
    						<div onmouseover="this.style.cursor='pointer';"> 
    							[img]images/menu-1.png[/img] 
    							[img]images/text-1.png[/img] 
    						   
    						</div> 
    						<div onmouseover="this.style.cursor='pointer';"> 
    							[img]images/menu-2.png[/img] 
    							[img]images/text-2.png[/img] 
    							
    						</div> 
    						<div onmouseover="this.style.cursor='pointer';"> 
    							[img]images/menu-3.png[/img] 
    							[img]images/text-3.png[/img] 
    							
    						</div> 
    						<div onmouseover="this.style.cursor='pointer';"> 
    							[img]images/menu-4.png[/img] 
    							[img]images/text-4.png[/img] 
    							
    						</div> 
    						<div onmouseover="this.style.cursor='pointer';"> 
    							[img]images/menu-5.png[/img] 
    							[img]images/text-5.png[/img] 
    							
    						</div> 
    						<div onmouseover="this.style.cursor='pointer';"> 
    							[img]images/menu-6.png[/img] 
    							[img]images/text-6.png[/img] 
    						   
    						</div onmouseover="this.style.cursor='pointer';"> 
    												<div> 
    							[img]images/menu-6.png[/img] 
    							[img]images/text-6.png[/img] 
    						   
    						</div> 
    					</div>
    
    				</div>
    				
    			</td>
    		</tr>
    
    		<tr>
    			<td background="images/login.png" width="200" height="300">
    				Username:
    
    				<input type="text" name="user" size="15">
    
    
    				Password:
    
    				<input type="password" name="pswd" size="15">
    			</td>
    			<td>
    				<table class="news">
    					<tr>
    						<td>[img]images/news.png[/img]</td>
    					</tr>
    
    					<tr>
    						<td><center>
    													</td>
    					</tr>
    					<tr>
    						<td>News secondarie</td>
    					</tr>
    				</table>
    
    			</td>
    		</tr>
    		<tr background="images/down.png">
    			<td colspan=2 height="100"></td>
    		</tr>
    	</table>
    </body>
    </html>

  2. #2
    Ciao !
    Non ho molto tempo per cercare, ma forze questo ti potrebbe essere utile:
    Compatibilità dei browser - CSS2.1

    Oltre questo mancha la dichiarazione del DTD

  3. #3
    Se vuoi posso provare a darti una mano, ma sarebbe più facile se pubblichi la pagina e ci dai l'URL.
    Altrimenti dovresti anche postare il foglio di stile perché senza di esso non posso provare la pagina!

  4. #4
    Utente bannato L'avatar di Web Italia
    Registrato dal
    Oct 2011
    Messaggi
    59
    Ti consiglio di usare jQuery per risolvere i problemi di compatibilità tra browser

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.