Problema con IE 5.01

**UnNamed** · 11-07-2004, 11:06

Visitate questa pagina (sempre se carica il css,...altervista di merda) con explorer 5.

http://goteki.altervista.org/news.html

Fatto questo, provate a massimizzare e minimizzare la pagina, sempre se il problema non si è manifestato subito. Non riesco a capire il motivo di tale errore, perchè si forma tutto quello spazio? E perchè massimizzando e minimizzando, lo spazio aumenta? Ma soprattutto qualcuno mi può dare una mano?

NOTA BENE: questo problema non si presenta con IE 5.5 e successivi.

Ecco il codice della pagina:

codice:






<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//IT">
<html>
<head>
<title>NEWBLACKHORIZONT</title>
<style type="text/css">@import url(stile.css);</style>
<script type="text/javascript" src="menu.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body background="image/sfondo.gif">
  <div id="container">
    <div id="upper">NEWBLACKHORIZON<font color="#FF0000">T</font> NewBlackHorizont videogames and magazines site - WEBMASTERING BY ECHOS GROUP - 2004 Tutti i contenuti, loghi, recensioni appartengono ai legittimi proprietari
    </div>
    <div id="logobar">
      <div id="bar">[img]image/storialogo.jpg[/img]</div>
       <div id="menubar">

      	<script type="text/javascript">
				new ypSlideOutMenu("home", "down", 0, 20, 110, 18)
				new ypSlideOutMenu("news", "down", 66, 20, 110, 18)
				new ypSlideOutMenu("riviste", "down", 131, 20, 140, 162)
				new ypSlideOutMenu("sistemi", "down", 210, 20, 110, 126)
				new ypSlideOutMenu("forum", "down", 289, 20, 110, 18)
				new ypSlideOutMenu("partecipa", "down", 365, 20, 104, 36)
			</script>
			
			<a onmouseover="ypSlideOutMenu.showMenu('home')"
			onmouseout="ypSlideOutMenu.hideMenu('home')">[img]image/home.gif[/img]</a><a 
         onmouseover="ypSlideOutMenu.showMenu('news')"
         onmouseout="ypSlideOutMenu.hideMenu('news')">[img]image/news.gif[/img]</a><a
         onmouseover="ypSlideOutMenu.showMenu('riviste')"
         onmouseout="ypSlideOutMenu.hideMenu('riviste')">[img]image/riviste.gif[/img]</a><a
         onmouseover="ypSlideOutMenu.showMenu('sistemi')"
         onmouseout="ypSlideOutMenu.hideMenu('sistemi')">[img]image/sistemi.gif[/img]</a><a
         onmouseover="ypSlideOutMenu.showMenu('forum')"
         onmouseout="ypSlideOutMenu.hideMenu('forum')">[img]image/forum.gif[/img]</a><a
         onmouseover="ypSlideOutMenu.showMenu('partecipa')"
         onmouseout="ypSlideOutMenu.hideMenu('partecipa')">[img]image/partecipa.gif[/img]</a>       
         
               
         <div id="homeContainer">
          <div id="homeContent" class="subMenuLayer">
	   <div class="subMenuItem">HOME PAGE</div>					
          </div>			
         </div>
	 <div id="newsContainer">
	  <div id="newsContent" class="subMenuLayer">

	   <div class="subMenuItem">NEWS/ARTICOLI</div> 					
	  </div>			
	 </div>
	 <div id="rivisteContainer">
	  <div id="rivisteContent" class="subMenuLayer">
	    <div class="subMenuItem">RIVISTE HOME</div> 
	    <div class="subMenuItem">Game Power</div> 
	    <div class="subMenuItem">Console Mania</div>
	    <div class="subMenuItem">Zzap!</div>

	    <div class="subMenuItem">Zeta</div>
	    <div class="subMenuItem">The Game Machine</div>
	    <div class="subMenuItem">Guida Videogiochi</div>
	    <div class="subMenuItem">Suoer Console</div>
	    <div class="subMenuItem">Mega Console</div>
	    <div class="subMenuItem">Computer + Videogiochi</div>

	   </div>			
          </div>
          <div id="sistemiContainer">
	   <div id="sistemiContent" class="subMenuLayer">
	    <div class="subMenuItem">SISTEMI HOME</div> 
	    <div class="subMenuItem">Atari</div>
	    <div class="subMenuItem">Commodore</div>
	    <div class="subMenuItem">Nintendo</div>

	    <div class="subMenuItem">Nec</div>
	    <div class="subMenuItem">Sega</div>
	    <div class="subMenuItem">Sony</div>
	    <div class="subMenuItem">Altri</div>
	   </div>			
          </div>
	  <div id="forumContainer">

	   <div id="forumContent" class="subMenuLayer">
	    <div class="subMenuItem">FORUM</div> 					
	   </div>			
          </div>
	  <div id="partecipaContainer">
	   <div id="partecipaContent" class="subMenuLayer">
	    <div class="subMenuItem">PARTECIPA</div> 
	    <div class="subMenuItem">Contattaci</div>					
	   </div>			
	  </div>

        </div>		    
      <div id="foto">
      </div>
      <div id="state">NEWBLACKHORIZON<font color="#FF0000">T</font> QVANTVM POTES - TANTVM AVDE</div>
    </div>
    <div id="logo">[img]image/NBHTlogo.gif[/img]</div>
     
  <div id="desc">

   <div id="descint">
   <div class="tit">PAGINA NOTIZIE E  ULTIMI ARTICOLI</div>
    In questa pagina sono inseriti gli ultimi aggiornamenti del sito. A volte però ci scapperà qualche bell'articolo da leggere.     Enjoy

   <div class="tit">ELENCO NEWS</div>
<div id=descint style=background-color:#e8e8e8;><div class=tit align=center>dsf</div>
<div id=info>
<div align=center>
<div class=tit align=center>AUTORE</div>


unnamed

<div class=tit align=center>Data:11/7/04</div>
</div>
</div>
fsaddfasdf<div class=clearer></div></diV>
    <div class="tit">TUTTE LE ALTRE NEWS</div>
     <table width="99%">
      <tr>
       <td width="70%">NOME</td>

       <td align=right>AUTORE</td>
       <td align=right>DATA</td>
      </tr>
      <tr bgcolor=#e8e8e8>
       <td width="80%">
       <a href=news.php?nome=werwewerewer>werwewerewer</a>
       </td>

       <td align=right>unnamed</td>
       <td align=right>11/7/04</td>
      </tr>
      <tr bgcolor=#e8e8e8>
       <td width="80%">
       <a href=news.php?nome=rewr>rewr</a>
       </td>

       <td align=right>unnamed</td>
       <td align=right>11/7/04</td>
      </tr>
      <tr bgcolor=#e8e8e8>
       <td width="80%">
       <a href=news.php?nome=rrr>rrr</a>
       </td>

       <td align=right>unnamed</td>
       <td align=right>11/7/04</td>
      </tr>
      <tr bgcolor=#e8e8e8>
       <td width="80%">
       <a href=news.php?nome=wer>wer</a>
       </td>

       <td align=right>unnamed</td>
       <td align=right>11/7/04</td>
      </tr>
      <tr bgcolor=#e8e8e8>
       <td width="80%">
       <a href=news.php?nome=aa>aa</a>
       </td>

       <td align=right>unnamed</td>
       <td align=right>11/7/04</td>
      </tr>
      <tr bgcolor=#e8e8e8>
       <td width="80%">
       <a href=news.php?nome=fads>fads</a>
       </td>

       <td align=right>unnamed</td>
       <td align=right>11/7/04</td>
      </tr>
      <tr bgcolor=#e8e8e8>
       <td width="80%">
       <a href=news.php?nome=dsf>dsf</a>
       </td>

       <td align=right>unnamed</td>
       <td align=right>11/7/04</td>
      </tr>
      <tr bgcolor=#e8e8e8>
       <td width="80%">
       <a href=news.php?nome=sdf>sdf</a>
       </td>

       <td align=right>unnamed</td>
       <td align=right>11/7/04</td>
      </tr>
      <tr bgcolor=#e8e8e8>
       <td width="80%">
       <a href=news.php?nome=sss>sss</a>
       </td>

       <td align=right>unnamed</td>
       <td align=right>11/7/04</td>
      </tr>
      <tr bgcolor=#e8e8e8>
       <td width="80%">
       <a href=news.php?nome=fsdfs>fsdfs</a>
       </td>

       <td align=right>unnamed</td>
       <td align=right>11/7/04</td>
      </tr>
      <tr bgcolor=#e8e8e8>
       <td width="80%">
       <a href=news.php?nome=fdsf>fdsf</a>
       </td>

       <td align=right>unnamed</td>
       <td align=right>11/7/04</td>
      </tr>
      <tr bgcolor=#e8e8e8>
       <td width="80%">
       <a href=news.php?nome=da>da</a>
       </td>

       <td align=right></td>
       <td align=right>8/7/04</td>
      </tr>
      <tr bgcolor=#e8e8e8>
       <td width="80%">
       <a href=news.php?nome=seconda>seconda</a>
       </td>
       <td align=right>unnamed</td>

       <td align=right>6/7/04</td>
      </tr>
      <tr bgcolor=#e8e8e8>
       <td width="80%">
       <a href=news.php?nome=prima>prima</a>
       </td>
       <td align=right>unnamed</td>

       <td align=right>6/7/04</td>
      </tr>
     </table>
   </div>
  </div> 
  <div id="block">

  <div class="box">
  <div class="tit" align=center>ULTIMI INSERIMENTI</div>

<img src=image/punto.gif>[sistema]VCR 2600
<img src=image/punto.gif><a href=produttore.php?produttore=produttore&nome=Atari>[produttore]Atari
<img src=image/punto.gif><a href=top.php?top=top&nome=top>[top]top
  </div>


  <div class="box">
  <div class="tit" align=center>NEWS/ARTICOLI</div>
<img src=image/punto.gif><a href=news.php?id=14&nome=werwewerewer>[11/7/04]werwewerewer
<img src=image/punto.gif><a href=news.php?id=12&nome=rrr>[11/7/04]rrr
<img src=image/punto.gif><a href=news.php?id=10&nome=aa>[11/7/04]aa
<img src=image/punto.gif><a href=news.php?id=8&nome=dsf>[11/7/04]dsf
<img src=image/punto.gif><a href=news.php?id=6&nome=sss>[11/7/04]sss
  </div>


  <div class="box">
  <div class="tit" align=center>ULTIMI GIOCHI</div>
<img src=image/punto.gif>[PC Engine]Macross  2036
<img src=image/punto.gif>[MD/MS]Olimpic Gold
<img src=image/punto.gif>[MD]Zool
<img src=image/punto.gif><a href=gioco.php?id=1&nome=Apidya&soft=Kaiko>[Amiga]Apidya
  </div>


  <div class="box" align=center>

  <div class="tit" align=center>TOP OF THE DAY</div>
<img src=miniportal/upload/2[1].jpg border=1>  </div>

 
  <div class="box">
  <div class="tit" align=center>NAVIGATION BAR</div>
  [img]image/punto.gif[/img]HOME

  [img]image/punto.gif[/img]NEWS


  [img]image/punto.gif[/img]RIVISTE

  [img]image/punto.gif[/img]SISTEMI

  [img]image/punto.gif[/img]FORUM
 
  [img]image/punto.gif[/img]PARTECIPA
 
  </div>
 
  <div class="box">
  <div class="tit" align=center>LINK UTILI</div>

        [img]image/punto.gif[/img]Project Ring

        [img]image/punto.gif[/img]The First Place

        [img]image/punto.gif[/img]Retrogaming.it

        [img]image/punto.gif[/img]Progetto Zzap!

        [img]image/punto.gif[/img]Emuguide

        [img]image/punto.gif[/img]Multiplayer


  </div>
</div>      <div id="footer">NewBlackHorizont Site - Anno 2004 </div>
  </div>
</body>
</html>

**UnNamed** · 11-07-2004, 11:07

Ecco il css

codice:

/*allineamento centrale del sito, adatto anche pr IE 5.x*/
html,body{
    text-align: center;   /*centra in IE 5.x */
    margin: 0px auto;
    padding: 0px;
    }

/*contenitore principale, contiente tutto il sito, valido anche per gli altri browser*/
div#container{
    width: 960px;
    margin: 0px auto;   /*centra negli altri browsers*/
    text-align: left;   /*ripristina l' allineamento*/
    background: url(image/blocklog.jpg);
    } 

a:link {
color: black;
text-decoration: none;
}

a:visited {
color: black;
text-decoration: none;
}

a:hover {
color: yellow;
text-decoration: none;
}


/*contenitore con infomazioni generiche, occupa tutto lo spazio del body*/
#upper{
        background-color:black;
        color:white;
        margin: 0px;
        padding: 0px;
        height:12px;
        font:9px Arial,sans-serif;
      }

/*contenitore del logo superiore*/
#logobar{
        background-color:#B0C0C0;
        float:left;
        width:790px;
        height:120px;
        }

#bar{
     background:#666666 url(image/bar.gif) repeat-x;
     height:24px;
     border-left:1px solid black;
     border-bottom:1px solid black;
    }
 
/*barra dei menù superiore*/
#menubar{
      position:relative;
      background:#D98286;
      height:18px;
      margin:0px;
      padding:0px;
     }

.subMenuItem{
	padding-left:8px;
	height:18px;
	/*width:110px;*/
	font:11px Arial;
	text-align:left;
	/*background:#dd99dd*/;
}

.subMenuItem:hover{
	background:#dc5d63;
	}

/*
.subMenuItem a:hover{	
	color:#000000;
	text-decoration:underline;
	}
*/	

.subMenuLayer{
	position:relative;
	top:0px;
	left:0px;
	background:#d98286;
	/*background:url(img/mbg02.png) repeat;*/
	text-align:left;
	/*-moz-opacity:0.90;*/
	/*filter:alpha(opacity=90);*/
}
/*barra di posizione nel sito*/
#state{
      background-color:white;
      height:12px;
      font: bold 10px Arial,sans-serif;
      }

/*foto generica che cambia da pag a pag*/
#foto{
      background: url(image/foto.jpg) no-repeat;
      background-color:black;
      height:50px;
      border:2px solid white;
     }

      
/*logo destro*/
#logo{
      background: url(image/blocklog.jpg) repeat-y;
      float:left;
      height:120px;
     }


/*blocco centrale*/
#desc{
      float:left;
      width:790px;
      margin:0px;
      height:100%;
     }

#block{
      width:170px;
      float:right;
      padding: 0px;
      height:100%;
      }

.box{
     background:#CCCCCC url(image/block.jpg) repeat-y;
     margin:4px;
     border:1px solid black;
     font: 10px/10px Arial,sans-serif;
    } 

.boxint{
     margin:2px 0px 2px 4px;
     font: 10px/10px Arial,sans-serif;
    } 

.tit{
     background-color:#CC9999;
     font: bold 11px Arial,sans-serif;
     color:white;
    }

#footer{
       clear:both;
       text-align:center;
       background-color:#666666;
       font: bold 11px Arial,sans-serif;
       color:white;
       height:15px;
      }

#bottom{
       clear:left;
       width:auto;
       background-color:white;
       text-align:center;
       font: bold 13px Arial,sans-serif;
       color:white;
       height:15px;
      }

#descint{
        background-color:#CCCCCC;
        font: 12px/12px Arial,sans-serif;
        border:2px solid white;
	
       }

#info{
      background: url(image/blocklog.jpg) repeat-y;
      float:left;
      margin:3px;
      border:2px solid white;
      width:170px;
      }
   

h1 {
    font: bold 50px Arial,sans-serif;
    margin-top:20px;
    margin-left:10px;
    margin-bottom:0px;
}

h2 {
    font: bold 30px Arial,sans-serif;
    margin-top:0px;
    margin-left:10px;
    margin-bottom:0px;

}

table { 
        font: 12px/12px Arial,sans-serif;
       }

div.clearer{clear: left}

**UnNamed** · 11-07-2004, 20:37

Essu, possibile che nessuno faccia test su IE5? Ho cercato della documentazione al riguardo, all'inizio pensavo che fosse una non corretta interpretazione del box model, però mi sembra strano perchè in IE 5.5 funziona tutto. Caso mai datemi una dritta dove cercare se non potete aiutarmi,non so più dove sbattere la testa

Discussione: Problema con IE 5.01

Strumenti discussione

Ricerca discussione

Visualizza

Problema con IE 5.01

Permessi di invio