problema di visualizzazione solo con firefox AIUTO!

stellare21

Nuovo Utente
10 Lug 2008
20
1
3
Ciao a tutti, ho un problema con il mio sito (www.legapeligna.altervista.org)
infatti se si collega un utente con un browser explorer va tutto liscio, se invece si collega un utente con firefox, la disposizione grafica del sito diventa un casino, sembrerebbe un problema di div, ma questo lo lascio dire da qualcuno di voi sicuramente più esperto di me. La cosa ke non riesco a spiegarmi è perchè io che uso firefox 3 vedo bene il sito e gli altri no? in questo modo non riesco neanche a fare vari tentativi per risolvere il problema proprio xkè a me non me ne da.
il sito in html è formato in sequenza da un header centrato in alto, un frame di sinistra, un frame di destra e poi il body questo è il codice spero che qualcuno sappia aiutarmi:

Codice:
<!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>

  
 <title>Legapeligna 4°edizione fantacalcio abruzzo</title>
<link rel="stylesheet" href="main.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></head>
<body>
<div id="container">

  <div id="header">
    <div id="headleft">
      <h1> <img border="0" src="http://forum.mrwebmaster.it/images/logo.gif" width="50" height="40"> LegaPeligna
		<span style="color:#66CCFF">IV°edizione</span></h1>
      <h2>Il fantacalcio più famoso e bello della Valle Peligna.</h2>
    </div>
    <div id="headright">
      <div id="logininfo"><a href="http://forum.mrwebmaster.it/php/index.html">Home</a> | <a href="http://forum.mrwebmaster.it/php/contatti.html">contatti</a> | <a href="http://forum.mrwebmaster.it/php/aiuto.html">Aiuto</a><br />
        
      </div>
    </div>
  </div>

  
  
  
  
  
<!-- INIZIO FRAME DI SINISTRA-->  
	<div id="content">
  
		<div id="leftcontent">
		  <div class="navigation">
			<h1 class="navhead">Menù principale</h1>
			<ul class="menu">
			  <li class="current"><a href=index.html>Home</a></li>
      		  <li><a href=http://legapeligna.forumfree.net/>Forum</a></li>
              <li><a href=direttivo.html>Direttivo</a></li>
              <li><a href=edizioni.html>Edizioni</a></li>
              <li><a href=download.html>Download</a></li>
              <li><a href=premi.html>Premi</a></li>
              <li><a href=regolamento.html>Regolamento</a></li> 
			</ul>
		  </div>
<!-- SECONDO MENU' DI SINISTRA-->		  
		  <div class="navigation">
			<h1 class="navhead">Stagione 08/09</h1>
			<ul class="menu">        
              
              <li><a href="http://forum.mrwebmaster.it/php/calendario.html">Calendario</a></li>
			  <li><a href=#>Classifica</a>
				<ul>
				  <li><a href="http://forum.mrwebmaster.it/php/generale.html">classifica generale</a></li>
				  <li><a href="http://forum.mrwebmaster.it/php/andata.html">classifica andata</a></li>
				  <li><a href="http://forum.mrwebmaster.it/php/ritorno.html">classifica ritorno</a></li>
				  <li><a href="http://forum.mrwebmaster.it/php/neutro.html">classifica neutro</a></li>
				</ul>
			  </li>
			  <li><a href="http://forum.mrwebmaster.it/php/formazioni.html">Formazioni</a></li>
			  <li><a href="http://forum.mrwebmaster.it/php/squadre.html">Squadre</a></li>
			  <li><a href="http://forum.mrwebmaster.it/php/#">Coppa</a>
				<ul>
				  <li><a href="http://forum.mrwebmaster.it/php/gironi.html">Gironi</a></li>
				  <li><a href="http://forum.mrwebmaster.it/php/fase finale.html">Fase finale</a></li>
				</ul>
			  </li>
			</ul>
		  </div>
		  

<!--bunner pubblicitario di sinistra-->      
      <div class="navigation">
        <div class="navhead">Banner</div>
        <script type="text/javascript">
//<![CDATA[
document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=120X600/r='+new Date().getTime()+'"><\/s'+'cript>');
//]]>
</script>
      
    </div>
		  
		  

	</div>
	
	
<!-- Inizio FRAME DESTRO-->	
    <div id="rightcontent">

<!--Avviso di DESTRA-->
      <div class="box">
        <h2 class="boxhead">Attenzione</h2>
        <p><span class="right"> <img src="http://forum.mrwebmaster.it/images/attenzione2007.gif" alt="" width="60" height="60" /></span> Sito in versione <strong class="imp">beta</strong>, appena possibile sarà disponibile la versione completa del sito. Ricordiamo che la pagina avvisi non è più presente, tutte le news saranno inserite direttamente nell'homepage.</p>
      </div>
      
<!--Ultime notizie-->      
      <div class="box">
        <h2 class="boxhead">Ultima notizia inserita</h2>
        <h3 class="newsdate">31/08/2008:</h3>
         Disponibile da oggi sul forum, la guida per il calciomercato della Legapeligna valido
        per la stagione 2008/09, tutti sono vivamente invitati a prenderne visione, e a inviare
        email con eventuali domande se qualcosa non è ben chiara.
         </div>
      
<!--Link utili-->      
      <div class="box">
        <h2 class="boxhead">Link utili</h2>
        <ul class="sponsors">
          <li><a href="http://www.gazzetta.it">Gazzetta dello sport</a></li>
          <li><a href="http://www.lega-calcio.it/">Lega calcio</a></li>
          <li><a href="http://www.fantacalcio.kataweb.it/">Fantacalcio kataweb</a></li>
        </ul>
      </div>
	 
<!--Sponsors-->       
      <div class="box">
        <h2 class="boxhead">Sponsors</h2>
        <ul class="sponsors">
          <li><a href="http://forum.mrwebmaster.it/php/#">Sponsor 1</a></li>
          <li><a href="http://forum.mrwebmaster.it/php/#">Sponsor 2</a></li>
          <li><a href="http://forum.mrwebmaster.it/php/#">Sponsor 3</a></li>
          <li><a href="http://forum.mrwebmaster.it/php/#">Sponsor 4</a></li>
        </ul>
      </div>
	  
	  <div class="box">
        <h2 class="boxhead">Statistiche sito</h2>
		<div class="boxpad">
		<h3>Tot Visite anno: 5.793</h3> 
		<h3>Tot Viste del mese: 30</h3>
		<h3>Pagina più vista: formazioni</h3> 
		<h3>Browser più usato:  <img border="0" src="http://forum.mrwebmaster.it/images/explorer.png" width="16" height="16"></h3> 
		<h3>dati aggiornati al:</h3>
		<div class="postfooter"> <span class="date">1 SETT 2008</span></div>
		</div>
		</div>
		
		<div class="box">
        <h2 class="boxhead">Sito compatibile</h2>
		<div class="boxpad">
		<h3><img border="0" src="http://forum.mrwebmaster.it/images/explorer.png" width="16" height="16">
		 explorer 6.x e 7.x</h3>
		<h3><img border="0" src="http://forum.mrwebmaster.it/images/opera.png" width="16" height="16">
		 Opera 9.x</h3> 
		</div>
		
      </div>	  
	  
    </div>
	
<!--inizio del body-->	
    <div id="midcontent">
	
      <h1 class="posthead">Benvenuti Alla nuova stagione della legapeligna</h1>
      
<!--Avvisi--> 
   <br>
        <h1 class="posthead">Informazione</h1>
      <div class="postcontent">
        <h2>Partecipate al forum!</h2>
        <p><span class="left"><img src="http://forum.mrwebmaster.it/images/forum.gif" alt="" width="60" height="60" /></span> 
        Partecipate al nostro forum! Dite la vostra, create sondaggi, fate i vostri pronostici,
         divertitevi e scherzate assieme a tutti gli altri partecipanti, ricordiamo che per il 
         momento la GAZZETTA della Legapeligna è on-line solo sul FORUM, esprimete i vostri
         commenti e giudicate gli articoli scritti!</p><br>
        <div class="postfooter"> <a href="http://legapeligna.forumfree.net/" class="readmore">Vai sul forum!</a> <a href="http://legapeligna.forumfree.net/?f=6089065" class="readmore">Partecipa ai sondaggi!</a><span class="date">Lunedì 1 settembre 2008</span> </div>
        </div>

<br>
   <h1 class="posthead">Avviso!</h1>
      <div class="postcontent">
        <h2>Disponibile la guida per il calciomercato</h2>
        <p><span class="left"><img src="http://forum.mrwebmaster.it/images/logo.gif" alt="" width="60" height="60" /></span> 
        Disponibile da oggi sul forum, la guida per il calciomercato della Legapeligna valido
        per la stagione 2008/09, tutti sono vivamente invitati a prenderne visione, e a inviare
        email con eventuali domande se qualcosa non è ben chiara.</b></p><br>
        <div class="postfooter"> <a href="http://legapeligna.forumfree.net/?t=31549603" class="readmore">Guarda la guida</a><span class="date">Domenica 31 agosto 2008</span> </div>
        </div>

 <br>
   <h1 class="posthead">Avviso!</h1>
      <div class="postcontent">
        <h2>Problemi di visualizzazione con firefox</h2>
        <p><span class="left"><img src="http://forum.mrwebmaster.it/images/firefox3.png" alt="" width="60" height="60" /></span> E' stato rilevato che il nuovo sito della Legapeligna, da problemi di visualizzazione con i browser mozilla firefox, ci scusiamo per il disagio, stiamo cercando di rimediare al problema, ricordiamo che con il browser explorer o opera non si ha alcun problema.</b></p><br>
        <div class="postfooter"> <span class="date">Sabato 30 agosto 2008</span> </div>
        </div>

  <br>
        <h1 class="posthead">Avviso!</h1>
      <div class="postcontent">
        <h2>Mercato chiuso!</h2>
        <p><span class="left"><img src="http://forum.mrwebmaster.it/images/attenzione2007.gif" alt="" width="60" height="60" /></span> Si è chiuso il mercato della Legapeligna, ricordiamo che potete visionare gli scambi, nella sezione dedicata al forum dove c'è il riepilogo di tutte le operazione effettuate e nelle pagine personali delle singole squadre. La possibilità di acquistare e fare scambi si avrà alla prossima sessione di calciomercato, prevista per fine settembre inizio ottobre. </p><br>
        <div class="postfooter"> <a href="http://legapeligna.forumfree.net/?f=3880072" class="readmore">Guarda il riepilogo degli scambi</a> <span class="date">Sabato 30 agosto 2008</span> </div>
        </div>

      <br>
	  <h1 class="posthead">Informazione</h1>
      <div class="postcontent">
        <h2>Formazioni on-line</h2>
        <p><span class="left"><img src="http://forum.mrwebmaster.it/images/formazioni.jpg" alt="" width="60" height="60" /></span> 
		In rete le formazioni valide per la prima giornata di campionato, potete visualizzare tutti gli schieramenti nella pagina "formazioni".</p><br>
		<div class="postfooter"> <a href="http://www.legapeligna.altervista.org/formazioni.html" class="readmore">Guarda le formazioni</a><span class="date">Sabato 30 agosto 2008</span></div>
	  </div>
        
        
        <br>
   <h1 class="posthead">Avviso!</h1>
      <div class="postcontent">
        <h2>Disponibile la pagina "aiuto"</h2>
        <p><span class="left"><img src="http://forum.mrwebmaster.it/images/aiuto.jpg" alt="" width="60" height="60" /></span> Attenzione è on-line da oggi la pagina "aiuto", consigliamo vivamente tutti i partecipanti a prenderne visione, in questa pagina troverete tutte le <b>informazioni fondamentali per il corretto invio della formazione</b>, ricordiamo che un invio irregolare della formazione comporta il suo <b>annullamento!</b></p><br>
        <div class="postfooter"> <a href="http://www.legapeligna.altervista.org/aiuto.html" class="readmore">Guarda la pagina aiuto</a><span class="date">Giovedì 28 agosto 2008</span> </div>
        </div>
        
                 
      
    </div>
  </div>
  
<!--footer-->  
  <div id="footer">
    <h2><strong class="imp">Attenzione questa è la versione BETA </strong></a><br />
      &copy; 2008 Legapeligna | Design by <a href="http://www.flopsoft.co.nr">Fabiowebm</a></h2>
  </div>
</div>
<!-- altre statistiche-->
 <img src="http://stat.superstat.info/spider.php?u=16305" width="1" height="1"> <script src="http://stat.superstat.info/counter.php?user=16305"> </script>
 <!-- fine altre statistiche-->
</body>
</html>
 
Ultima modifica:

xshell

Nuovo Utente
17 Lug 2008
20
0
0
Ciao, in effetti guardando il tuo sito sia con Firefox (2.0 e 3.0) sia con Opera (9.5), questi ti sparano il menù tutto a destra, anche se in teoria dovrebbe stare a sinistra. Per me il problema riguarda i fogli CSS, piuttosto che il PHP. Infatti tra le versioni di CSS (1; 2; 2.1) ci sono compatibilità diverse dei web browser. Il problema dei web master è proprio questo: si devono adattare ad ogni interpretazione dei browser. Il mio consiglio è ricreare una pagina di prova senza PHP utilizzando gli stessi CSS: secondo me il problema sta nei comandi di allineamento (alcuni browser supportano solo certi comandi CSS per l'allineamento) quindi fai delle prove utilizzando comandi alternativi. Firefox e Opera sono degli ottimi web browser, quindi più rigidi di Internet Explorer, perché seguono molti degli standard imposti dal W3C (anche se non tutti); Internet Explorer, invece, fa un po' quello che gli pare, così quando uno progetta un sito ottimizzandolo per Internet Explorer, sugli altri web browser, il sito dà sempre qualche problema.

Con i CSS è sempre meglio abbondare nei comandi (lo dicevano anche i latini: "melius est abundare quam deficere"! XD). Quindi, cerca di forzare sempre l'allineamento (nel tuo caso, l'allineamento a sinistra). Cerca di cambiare i comandi "margin: 0 0 0 5" con comandi alternativi (anche se più lunghi da scrivere) come "margin-top = 0", "margin-left = 0", ecc. e viceversa. Fai delle prove. Successivamente ti consiglio di fare un salto al sito degli standard dei linguaggi web: http://www.w3c.org per validare CSS e XHTML (e quindi controllare i possibili errori di compatibilità con gli standard).

Per capire quale sia il livello di compatibilità con gli standard dei web browser, sottoponili, uno ad uno, al test Acid3: http://it.wikipedia.org/wiki/Acid3

Il browser Safari 4 (in via di sviluppo) sarà il più veloce e il più compatibile con gli standard W3C.

P.S: Se non risolvi il problema da solo, posta il codice di main.css, così possiamo verificare quale sia la parte di codice incriminata XD)

Comunque, il tuo sito, per adesso è compatibile con Internet Explorer 6.0 e 7.0, con Safari 3.1 e con Opera 8.0 e 9.0 (ma non con Opera 9.5 e Firefox 2.0 e 3.0).
 
Ultima modifica:

stellare21

Nuovo Utente
10 Lug 2008
20
1
3
grazie per l'aiuto

grazie per l'aiuto ormai non ci speravo più, allora strano che il css stia facendo i capricci io lo preso da qui dove specificavano che era compatibile con explorer, firefox e opera, per questo ho il dubbio che l'errore sia mio, oppure si trova nel css. ora ti posto il css così magari puoi salvarmi :)
la parte che interessa è leftcontent, rightcontent e midcontent, nell'header sembra ke non ci siano problemi te li metto in grassetto e te li sottolineo così li trovi prima.

Codice:
 Questo è il CSS


*{margin:0; padding:0; border: 0;}
html, body {height:100%}
body {
	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
	text-align: center;
}
a, a:visited {
	text-decoration: none;
	color: #0066CC; 
	background: inherit;
}
a:hover {
	color: #FF3300;
	background: inherit;
	text-decoration: underline;
}
h1, h2, h3, h4, h5 {
	font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;
	font-weight: Bold;
	padding: 3px 0 0 0;	
}
h1 {
	font-size: 140%;
}
h2 {
	font-size: 125%;
	color: #006699;
	margin-bottom: 3px;
}
h3 {
	font-size: 95%;
	color: #666666; 
}
h4{
	font-size: 85%;
	color: #999999;
}
h5{
	font-size: 80%;
	color: #6699CC;
	text-transform: uppercase;
}
img{
	border: 0px;
	background: transparent;
}
#container{
	width: 802px;
	text-align: left;
	margin: 0px auto;
	border: 1px solid #1e5589;
	padding-left: 1px;
}
#content{
	width:100%;
	padding-top: 5px;
}

[U][B]#rightcontent{[/B][/U]
	display:inline /*Fix IE floating margin bug*/;
	padding-right: 3px;
	padding-bottom: 1px;
	width: 155px;
	float: right;
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}

[U][B]#leftcontent{[/B][/U]
	display:inline /*Fix IE floating margin bug*/; 
	padding-left: 3px;
	width: 155px;
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}
[U][B]#midcontent{[/B][/U]
	display:inline; /*Fix IE floating margin bug*/; 
	margin:0 0 0 5px;
	width: 475px;
	float:left;
	text-align: justify;
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}
#header{
	margin-top: 1px;
	height:115px;
	width:800px;
	background: #003366 url(images/header.jpg);
	font-family: "MS Serif", "New York", serif;
 }
 #headbottom h1{
 	padding: 20px 0 0 50px;
	font: bolder 3.1em 'Trebuchet MS', Arial, Sans-serif;
	text-transform: uppercase;
	background: url(images/mapleaf.png) no-repeat left;
	color: blue;
}
#headleft{
 	width: 570px;
	background: transparent;
 	float: left;
}
#headright{
 	width: 220px;
	padding: 5px 5px 0 0;
	background: transparent;
	float: right;
}
#header #headright #logininfo{
	padding-top: 7px;
	color: white; 
	font: bolder 8.0pt 'Trebuchet MS', Arial, Sans-serif;
	text-decoration: none;
	text-align: right;
}
#header #headright #logininfo a{
	color: #81A7C4;
	text-decoration: none;
}
#header #headright #logininfo a:hover{
	color: White;
	text-decoration: underline;
}
#header #headleft h1{
 	padding: 20px 0 0 25px;
	font: bolder 2.6em 'Trebuchet MS', Arial, Sans-serif;
	color: White;
}
#header #headleft h2{
 	padding: 32px 0 0 25px;
	color: #03477C; 
	font: bolder 1.2em 'Trebuchet MS', Arial, Sans-serif;
	text-decoration: none;
}
.inputtext{
	color: #003366;
	height: 20px;
	line-height: 20px;
	padding: 0 3px;
	background: url(images/textboxbg.jpg) repeat-x;
	border: 1px solid #A4C9E0;
	float: right;
	margin-right: 3px;
}
.inputbutton{
	height: 22px;
	border: 0;
	padding: 0 2px;
	background: #034f8a url(images/buttonbg.jpg) repeat-x;
	color: White;
	float: right;
	font-weight: bold;
	font-size: 10px;
}
.navigation{
	width:152px;
	border: 1px solid #81A7C4;
	margin-bottom: 3px;
}
.navhead{
	background: #427BA6 url(images/navhead.jpg) repeat-x;
	height: 23px;
	padding: 1px 0 0 5px;
	margin-bottom: 1px;
	font: bold 1.3em Verdana, 'Trebuchet MS', Sans-serif;
	color: White;
}
.menu {
	width: 150px;
	padding: 0 1px 0 1px;
	font-size: 1.2em;
}
.menu li {
	margin-bottom: 1px;
	list-style-type: none;
	white-space: nowrap;
}
.menu li a {
	font-weight: bold;
	text-decoration: none;
	color: #3399CC;
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 8px;
	background: #81A7C4 url(images/menubg.jpg) repeat-x;
}
.menu li a:visited {
	color: #3399CC;
}

.menu li a:hover {
	background: #3399CC;
	color: White;
}

.menu li a:active {
	background: #034f8a;
	color: White;
}
.menu li ul{font-size:1em; font-weight:normal;background: #3399CC;}
.menu li ul li{margin:1px 0 1px 15px;}
.menu li ul a{
	font-weight:normal;
	background: White url(bulletlist.gif) no-repeat 2px center; 
	border: 1px solid #BDDFFF;
	padding-left: 10px;
}
.menu li ul a:hover{
	background: #3399CC;
	border: 1px solid #3399CC;
}
blockquote {
	margin: 5px 0;
	padding: 5px 5px 5px 30px;
	border-top: 1px solid #BFE0FF;
	border-bottom: 1px solid #BFE0FF;
	background: #F0F5FF url(quote.gif) no-repeat 5px 5px;
	text-align: justify;
}
p {
	padding: 5px;
}
.box{
	width:152px;
	margin-bottom: 5px;
	border: 1px solid #81A7C4;
	padding: 0 0 5px 0;
	display: block;
}
.boxpad{
	padding: 0 5px 0 5px;
}
.boxhead{
	height: 23px;
	line-height: 23px;
	padding: 1px 0 0 5px;
	margin-bottom: 1px;
	border-bottom: 1px solid #81A7C4;
	color: #006699;
}
.newsdate{
	padding-left: 5px;
}
.news{
	display: block;
	padding-left: 5px;
	padding-right: 5px;
}
.newsfooter {
	margin: 0 5px 10px 5px;
	font-size: 90%;	
	text-align: right;
}
.newsfooter .newsmore {
	background: url(images/morenews.png) no-repeat left center;
	padding: 0 0 0 15px;
	text-align: right;
}
.posthead {
	height: 22px;
	line-height: 22px;
	padding: 0;
	padding-left: 17px;
	background: #FAFAFA url(images/bullettitle.gif) no-repeat 2px center;
	border-top: 1px solid #BFE6FF;
	border-bottom: 1px solid #BFE6FF;
	color: #006699;
}
.postcontent {
	padding: 5px 5px 10px 5px;
	text-align: justify;
}
.postfooter {
	background-color: #FAFAFA;
	padding: 3px 5px; 
	margin: 0 5px 10px 5px;
	border: 1px solid #f2f2f2;
	font-size: 90%;	
	text-align: right;
}
.postfooter .readmore {
	background: url(images/page.gif) no-repeat left center;
	padding-left: 20px;
}
.postfooter .comments {
	background: url(images/comment.gif) no-repeat left center;
	padding-left: 20px;
	margin-left: 10px;
}
.postfooter .date {
	background: url(images/clock.gif) no-repeat left center;
	padding-left: 20px;
	margin-left: 10px;
}
.coode {
  padding: 5px;
  margin: 0 0 10px 0;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 1em 'Lucida Console', 'courier new', monospace ;
  background: #FAFAFA;
  border: 1px solid #f2f2f2;
  white-space: pre;
}
.unlist{
	padding: 0 0 0 5px;
	font-size: 0.8em;
}
.unlist li{
	list-style: none;
	margin: 0 0 0 5px;
	padding-left: 12px;
	background: url(images/arrowpixel.gif) no-repeat 0px 2px;
}
.unlist li ul li{
	list-style: none;
	margin: 0 0 0 5px;
	padding-left: 12px;
	background: url(images/arrowpixel.gif) no-repeat 0px center;
}
.unlist li a{
	background: none;
	font-weight: bold;
}
.unlist li ul li a{
	background: none;
	font-weight: bold;
}
.ollist{
	padding: 0 0 0 5px;
	font-size: 0.8em;
}
.ollist li{
	list-style-type: decimal;
	margin: 0 0 0 25px;
}
.ollist li a{
	font-weight: bold;
}
.deflist{
	margin:0 0 0 10px;
	font-size: 0.8em;
}
.deflist dt{
	padding:0 0 0 12px;
	background: url(images/arrowpixel.gif) no-repeat 0px 50%;
	text-decoration:none;
}
.deflist dd{
	margin:0 0 0 10px;
	padding:0 0 0 12px;
	background: url(images/arrowpixel.gif) no-repeat 0px 50%;
	text-decoration:none;
}
.deflist dd a, .deflist dt a{
	background: none;
	font-weight: bold;
}
.left{
	float: left;
	padding: 2px 8px 2px 2px;
}
.right{
	float: right;
	padding: 2px 2px 2px 8px;
}
.center{ 
	display: block;
  	text-align: center;
  	margin: 0 auto;
	padding: 3px 0 3px 0;
}

div.colwrap{
	padding:0 5px 5px 0;
	display: inline-block;
}

.colleft{
	float:left;
	width: 45%;
	margin-bottom:5px;
}
.colmiddle{
	float:left;
	width: 25%;
	margin-left: 10px;
	margin-bottom:5px;
}
.colright{
	float:right;
	width: 25%;
	margin-bottom:5px;
}
.adverts{
	list-style: none;
	text-align: center;
	margin: 5px 0 0 0;
}
.adverts li{
	margin-bottom: 3px;
}
.sponsors{
	list-style: square;
	margin: 0 0 0 25px;
	color: #0099CC;
}
.loginform {
	margin: 5px 0 5px 0;
}
.loginform label {
	font-weight:bold;
	margin:5px 0;
	color: #333333;
}
.loginform input {
	padding: 0 3px;
	border:1px solid #B4D6E6;
	background: url(images/textboxbg.jpg) repeat-x;
	height: 20px;
	width: 90px;
	line-height: 20px;
}
.loginform input.button { 
	height: 24px;
	border: 0; 
	background: #034f8a url(images/buttonbg.jpg) repeat-x;
	color: White;
	font-weight: bold;
	margin-top: 5px;
	width: 70px;
}

.foorm {
	border: 1px solid #B4D6E6; 
	background-color: #FAFAFA;
	margin: 5px 0 5px 0;
}
.foorm label {
	display:block;
	font-weight:bold;
	margin:5px 0;
	color: #333333;
}
.foorm input {
	padding: 0 3px;
	border:1px solid #B4D6E6;
	background: url(images/textboxbg.jpg) repeat-x;
	height: 20px;
	line-height: 20px;
}
.foorm select {
	border:1px solid #B4D6E6;
	width: 100px;
}
.foorm textarea {
	width:95%;
	padding:2px;
	border:1px solid #B4D6E6;
	height:100px;
	display: inline;
	margin: 0 0 5px 0; 
}
.foorm input.button { 
	height: 24px;
	border: 0; 
	background: #034f8a url(images/buttonbg.jpg) repeat-x;
	color: White;
	font-weight: bold;
}
table {
	margin: 5px; 
	border-collapse: collapse;
	border: 2px solid #EBEBEB;
}
th {
	padding-right: 12px;
	padding-left: 12px;
	background: #3399CC;
	height: 25px;
	text-align: left;
	border: 1px solid White;
	margin-bottom: 1px;
}
tr {
	height: 25px
}
td {
	padding-right: 8px; 
	padding-left: 8px; 
	border: 1px solid White;
}
tr.rowlight {
	background: #FBFBFB;
}
tr.rowdark {
	background: #D1CCBF;
}
.dropcap
{
	float: left;
	width: .7em;
	font-size: 4em;
	line-height: 75%;
	color: #3399CC;
	font-family: "Times New Roman", Times, serif;
}
.clear{
	clear: both;
}
.clearwrap{
	clear: both;
	margin: 0;
}
.gallery{
	padding: 5px;
	display: inline-block;
}
.gallery a {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
/*	border: 1px solid #ccc;
	background: #E6E6E6;*/
	background: #FAFAFA;
	border: 1px solid #BFE6FF;
}
.gallery a img {
	display: block;
	padding: 5px;
	width: 65px;
}
.imp {
	font-size: 0.8em;
	color: red;
}
#footer{
	clear: both;
	width:800px;
	height: 100px;
	background: url(images/fotter.jpg);
	text-align: right;
}
#footer h2{
	padding: 70px 10px 0 0;
	color: white; 
	text-decoration: none;
   font: bold 8.0pt Tahoma, Arial, Helvetica;
}
#footer a{color: #81A7C4; background-color:inherit; font-weight:bold;}
#footer a:hover{color: White; background-color:inherit;}
 

xshell

Nuovo Utente
17 Lug 2008
20
0
0
Hai provato ad inserire "margin-left: 0px;" in "leftcontent" e "margin-right: 0px;" in "rightcontent"? Forse può risolvere il problema... se non lo risolve ci risentiamo. Come avevi detto tu, il comportamento della pagina se visualizzata sul proprio computer è leggermente diverso: proverò a controllare direttamente il sorgente dal sito.

P.S: Se vuoi farmi altre domande sono disponibile.
 
Ultima modifica:

stellare21

Nuovo Utente
10 Lug 2008
20
1
3
ok

ora provo però dovresti darci un'occhiata tu perchè io come scritto su anche se uso firefox 3 lo vedo bene :mad:

ok messo fammi sapere come lo vedi
 
Ultima modifica:

xshell

Nuovo Utente
17 Lug 2008
20
0
0
Ho controllato alle ore 13:45 e il problema purtroppo non è ancora corretto... ho scaricato l'intero sito, così come viene interpretato, sul mio pc... (per favore, cerca di non modificarlo nella prossima mezzora) ci studierò su... magari è la cosa più semplice che esista, solo che noi non la riusciamo a vedere. Se non ci riusciamo, le alternative sono 3:

1) Chiedi a colui che ti ha progettato il sito.

2) Te lo riprogetto io.

3) Lo tieni così.

Stasera (circa verso le 21) o domani mattina ti farò sapere. A presto.
 

xshell

Nuovo Utente
17 Lug 2008
20
0
0
Finalmente ho centrato il problema: tu scrivi una pagina sul tuo pc avendo un determinato codice (quello che hai postato), ma passandolo all'interprete PHP, questo modifica una linea (forse hai passato del codice HTML con le funzioni echo() o print()...) e perciò se guardi la pagina dal tuo PC, il problema non si verifica, mentre se lo guardi interpretato dal PHP, allora il problema si verifica. Carichi i fogli di stile tramite PHP?

Comunque adesso controllo e spero di trovare qual'è la linea di codice incriminata.

Per verificare sempre come gli utenti vedano il tuo sito, ti consiglio di scaricare il sito stesso (lo sò.. sembra un paradosso) con uno strumento chiamato HTTrack
che puoi trovare qua: http://forum.mrwebmaster.it/php/www.httrack.com e poi carichi le pagine scaricate (di solito in C:\Mie pagine Web) con Firefox.

Ti lascerò la mia mail in un mess. provato.
 
Ultima modifica:

xshell

Nuovo Utente
17 Lug 2008
20
0
0
RISOLTO! ...

Lo sai perché a te non dava errore? Perché non hai fornito il sorgente corretto...

Nel "vero" codice sorgente ci sono le seguenti righe:

Codice:
<div id="logininfo"><a href="http://forum.mrwebmaster.it/php/index-2.html">Home</a> | <a href="http://www.legapeligna.altervista.org/contatti.html">contatti</a> | <a href="http://www.legapeligna.altervista.org/aiuto.html">Aiuto</a><br />
        [I][COLOR="Red"]<!--Welcome Administrator|<a href="http://forum.mrwebmaster.it/php/#">(Logout)</a></div>
      <div style="padding:3px 0 0 0;">
        <form method="post" action="">
          <input class="inputbutton" type="button" value="Search" />
          <input class="inputtext" type="text" />
        </form>-->[/COLOR][/I]      
</div>

Quello che dà errore è il COMMENTO:

<!--Welcome ... --> perché lascia uno spazio tra i tag <div> che è interpretato come una "linea nuova".
Il tag <div> è considerato un elemento di livello blocco (block-level element) e si comporta in modo differente se sono lasciati spazi tra un tag e l'altro. Il tag <span> invece è un elemento lineare (inline element) e, anche comportandosi pressoché come un div, può essere messo in qualsiasi punto.

Togli quel commento è tutto sarà risolto (oppure attaccalo immediatamente dopo i tag <div> senza lasciare spazi di indentazione).


Adesso sarà compatibile con tutti i browser (puoi anche togliere quel riquadro sulla compatibilità) :byebye:

P.S: Tramite mail potrai sempre contattarmi per altri eventuali problemi (speriamo di no): io sono anche programmatore C/C++ e grafico 2D/3D.
 
Ultima modifica:

stellare21

Nuovo Utente
10 Lug 2008
20
1
3
Grande

MITICO!!!
Ma quindi aspè, ma il commento non lo dovrebbe ignorare? cioè quando vede <!-- non dovrebbe non considerare tutto quello ke c'è dentro? Scusa è ma è per capire bene, almeno evito possibili problemi futuri :p
 

xshell

Nuovo Utente
17 Lug 2008
20
0
0
Infatti il commento è ignorato... ma non sono ignorati gli spazi vuoti che sono tra il commento è i tag <div>.
 

stellare21

Nuovo Utente
10 Lug 2008
20
1
3
e vai!!!! Grazie scusa ti ho mandato un msg privato pensavo ke non ci fossi più sul forum
 

xshell

Nuovo Utente
17 Lug 2008
20
0
0
Adesso hai peggiorato la situazione... hai lasciato ancora gli spazi...
devi unire i tag <div> sulla stessa linea.

Ad esempio, se hai:

<div>

<div>

Tu devi riscriverlo così:

<div><div>

P.S: C'è stato un attimo in cui era tutto corretto... poi è peggiorato. Fai come ti dico.

Prova ad unire tutti i tag <div> (conservando sul tuo pc il codice sorgente originale)... non si sa mai
 
Ultima modifica:

stellare21

Nuovo Utente
10 Lug 2008
20
1
3
ok spè ke me la ricontrollo tutta la pagina

anke nel caso in cui ho la kiusura del div?

cioè se ho una cosa del genere

</div>
</div>

devo riportare tutto sulla stessa riga?
</div></div>
 
Ultima modifica:

stellare21

Nuovo Utente
10 Lug 2008
20
1
3
se vai a questo link trovi la Preview del css usato nel mio sito, forse tu avendo l'occhio più esperto ti puoi accorgere di qualke differenza sintattica. Sempre se a te quella Preview si veda bene.
 

xshell

Nuovo Utente
17 Lug 2008
20
0
0
No... anche perché il sorgente è sempre lo stesso... ma in quale pagina hai cambiato sorgente?

Io sto guardando la pagina principale... index.html (o index.php)

Il codice rimane questo:
Codice:
<!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>

<LINK REL="shortcut icon" HREF="http://legapeligna.altervista.org/favicon.ico">
 <title>Legapeligna 4°edizione fantacalcio abruzzo</title>
<link rel="stylesheet" href="main.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></head>
<body>
<div id="container">

  <div id="header">
    <div id="headleft">

      <h1> <img border="0" src="http://forum.mrwebmaster.it/images/logo.gif" width="50" height="40"> LegaPeligna
		<span style="color:#66CCFF">IV°edizione</span></h1>
      <h2>Il fantacalcio più famoso e bello della Valle Peligna.</h2>
    </div>
    <div id="headright">
      <div id="logininfo"><a href="http://forum.mrwebmaster.it/php/index.html">Home</a> | <a href="http://forum.mrwebmaster.it/php/contatti.html">contatti</a> | <a href="http://forum.mrwebmaster.it/php/aiuto.html">Aiuto</a><br />

      </div>
    </div>
  </div>
Lo dovresti modificare in:

Codice:
<!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>

<LINK REL="shortcut icon" HREF="http://legapeligna.altervista.org/favicon.ico">
 <title>Legapeligna 4°edizione fantacalcio abruzzo</title>
<link rel="stylesheet" href="main.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></head>
<body>
<div id="container"><div id="header"><div id="headleft">
<h1><img border="0" src="http://forum.mrwebmaster.it/images/logo.gif" width="50" height="40">LegaPeligna<span style="color:#66CCFF">IV°edizione</span></h1>
<h2>Il fantacalcio più famoso e bello della Valle Peligna.</h2></div><div id="headright"><div id="logininfo"><a href="http://forum.mrwebmaster.it/php/index.html">Home</a> | <a href="http://forum.mrwebmaster.it/php/contatti.html">contatti</a> | <a href="http://forum.mrwebmaster.it/php/aiuto.html">Aiuto</a><br /></div></div></div>
 
Ultima modifica:

stellare21

Nuovo Utente
10 Lug 2008
20
1
3
si si devi vedere index.html strano ke rimanga quello l'ho cambiato, aspetta lo reinvio di nuovo con filezilla

ancora non è risolto?
 
Ultima modifica: