Qualcuno mi dice che errore c'è?

[Donovant]

Qualcuno mi saprebbe dire che errori ho fatto???
In Explorer si vede in un modo in Firefox in un altro.... aggiungendo il fatto che poi non capisco perchè non mi funzioni un semplice script di alert importato in javascript....

il link è il seguente: http://donovant.altervista.org/home.php?lang=ita
il CSS è questo:

html,body{margin: 0; padding: 0; overflow: auto;}
body{background-color: #D00000;	font: 100.01%;
	
}

span#lang{ margin-left:450px; }

/*-----------------------HEADER begin------------------------*/


h3#header_ita{
	margin:20px 0 20px 100px;
	height: 105px;
	background: url(img/Festa_della_birra.png) no-repeat;
	text-indent:-500px;
}



#header_eng{
        margin:20px 0 20px 180px;
	text-indent: -500px;
	background: url(img/BEER_s_Party.png) no-repeat;
	height: 118px;
   
}
/*-----------------------HEADER end------------------------*/

/*-----------------------MENU' begin-----------------------*/

div#menu{
         margin: 0 100px;
         border-bottom: 1px solid #FFF;
         padding-left: 0px;
	 text-align:center;}

div#menu ul{
         list-style-type: none;
         margin: 0;
         padding: 0;
	 white-space: nowrap;}

div#menu li{
    display: inline;
    margin: 0;
    padding:0}

div#menu li a{
	text-decoration: none;
	border: 1px solid #FFF;
	padding: 0 0.3em;
	font: bolder 16px "Trebuchet MS",Arial,sans-serif;
	color:#EEAAAA;
}

div#menu li a:visited{ color:#EEAAAA; }
div#menu li a:hover{ color:#FFF; }
div#menu li a:active{ color:#AA0000; }

a.active{ background-color:#D03333; border-bottom:1px solid #D03333; }

/*------------------------MENU' end------------------------*/

/*------------------------HOME begin-----------------------*/

div#home{
	     border-bottom: 1px solid white;
             border-left: 1px solid white;border-right: 1px solid white;
             border-top:hidden;
	     /*border: 3px solid black;*/
	     padding: 0.8em;
	     text-align: center;
	     margin:0 100px;
	     /*height: 350px;*/
}
div#contact{
           border-bottom: 1px solid white;
           border-left: 1px solid white;border-right: 1px solid white;
	   border-top:hidden;
 	   /*border:3px solid black;*/
           padding:0.8em;
           text-align:center;
 	   margin:0 100px;
	   /*height: 350px;*/
}
a#aimg{
	float: left;
	clear: left;
	border: 2px solid white;
	
}

/*------------------------HOME end-------------------------*/

[Donovant]

E vorrei sapere anche perchè ad un certo punto mi compare la crollbar orizzontale sotto...
mi spiego, ho scritto del testo dentro un div in HOME quello in cui c'è scritto FULVIO COSCO
se lo scrivo per un po' in modo da fare giusto apparire la scrollbar verticale tutto ok, ma se poi continuo per un bel po' compare anche quella orizzontale o_O', come mai?
Grazie.

[Mich_]

Ci sono sicuro degli errori di sintassi nel codice HTML. Non so pero` se sono quelli che danno il problema.
Esempio:[*]Home

id='l2-ita'
il segno meno non e` valido in un nome di un oggetto HTML. A volte i CSS ci passano sopra, ma non certo il JS, dove il segno meno viene usato come segno di operazione.


onclick='ShowSwapById(l2-ita,l4-ita)'
Passi due parametri che hanno l'aria di essere costanti a stringa, come se fossero variabili.
Probabilmente intendevi:
onclick='ShowSwapById("l2-ita","l4-ita")'
Oppure:
onclick="ShowSwapById('l2-ita','l4-ita')"

E comunque con la tua stringa i browser seri intendono:
Primo parametro: variabile I2 meno variabile ita
Secondo parametro: variabile I4 meno variabile ita
(che probabilmente non sono definite nel tuo codice JS).

[Donovant]

insomma ho fatto un casino.... ora proverò, ma ho un'altro prob insolito, se scrivo:
<script type="text/javascript">
function saluta(){alert("CIAO!");}
</script>

Saluta

FUNZIONA
mentre se la funzione saluta la inserisco in un file esterno scripts.js
e scrivo:

<script type="text/javascript" src="scripts.js"></script>
Saluta

NON VA PIU'

[Mich_]

Potrebbe essere un errore nel path del file JS.

Prova a scrivere nel file JS:

function saluta(){alert("CIAO!");}
alert("caricato funzione - tutto OK");

Dovrebbe darti l'alert (OK) durante il caricamento del file JS.

Sposto comunque la discussione nel forum JS, dato che mi pare che da li` derivino i problemi maggiori.

[Donovant]

Allora ho corretto il "-" con "_", anche nel CSS ovviamente:

file header.php importato:

<?php
if(!isset($_GET['lang']))
          $_GET['lang']='ita'; 
		 
if($_GET['lang']=='eng')
          echo "<h3 id='header_eng'>BEER's Party</h3>
		        <div id='menu'>
                              <ul>
			[*]Index
				[*]Home
				[*]Gallery
				[*]Contact
			[/list]
                </div>";
				
				

else      echo "<h3 id='header_ita'>Festa della Birra</h3>
		        <div id='menu'>
                              <ul>
			[*]Indice
				[*]Home
				[*]Galleria
				[*]Contatti
			[/list]
                </div>";

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<style type="text/css">@import url("general_struct.css");</style> 
<script src="Jscript/scripts.js" type="text/javascript"></script>


<title>SOVERIA SIMERI'S PARTY BEER (CZ)</title>

</head>

<body>
<?php include("header.php"); ?>

<div id='home'>Festa della BIRRA</div>

<div id="contact">CIAO</div>

</body>
</html>

Ma lo script continua a non andare, e la barra orizzontale persiste....??_??'

[Donovant]

Un'altra cosa che ho notato che su un PC sia su Firefox che su IE la pagine HOME si vede più o meno uguale, nn proprio la stessa, mentre su questo PC, in IE si vede tutto più piccolo...ma forse li è questione di impostazioni del brosware...

[Donovant]

Ora gli script vanno, e prima no perchè avevo sbagliato a scrivere una funzione ...
Cmq ora nn capisco perchè nn vada questa:

function Show(id){ 
        
		el = document.getElementById(id);
		
		if(el.style.display == "none") alert(id);
                                                              /*el.style.display=="block";*/
		else alert("Non esiste");
}

da premettere che il CSS è importato, va benissimo, e non capisco perchè l'ID che gli passo che è "display:none;" non mi antri nel IF...

[Xinod]

quella condizione si verifica solo ed esclusivamente se la proprieta' e' settata nello stile in linea o settata via javascript (equivalente a settarla in linea)

[Donovant]

Eh, infatti lo capito solo 30 minuti fa....