sito web e problemi con ie

**moonba** · 01-05-2014, 16:55

ciao a tutti,e' da un pò che non realizzo un sito web me ne hanno commissionato uno.ora ho problemi con ie6,so che ormai non lo usa più nessuno,quindi devo preoccuparmi ed adattarlo ?come si posta il codice per farvelo leggere una volta bastava inserirlo tra <code> e</code>. e ora?grazie per la risposta.

**moonba** · 01-05-2014, 20:06

Originariamente inviata da moonba

ciao a tutti,e' da un pò che non realizzo un sito web me ne hanno commissionato uno.ora ho problemi con ie6,so che ormai non lo usa più nessuno,quindi devo preoccuparmi ed adattarlo ?come si posta il codice per farvelo leggere una volta bastava inserirlo tra <code> e</code>. e ora?grazie per la risposta.

mi dite almeno se posso letteralmente fregarmene di ie6?

**shane007** · 01-05-2014, 22:01

Per inserire il codice devi usare i tags "code", "html" o "php" come hai fatto te, ma sostituendo < e > con le paretesi quadre [ e ]

ie6 ?? Spero che non ci sia più nessun pc funzionante con ie6 e se si spero che venga un bel virus su XP che costringa gli utenti ad usare chrome!

**moonba** · 01-05-2014, 23:23

questo è html:

codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Studio di psicologia Educare</title>
<meta name="description" content="your description here"/>
<meta name="keywords" content="your keywords here"/>
<meta name="generator" content="generator"/>
<meta name="language" content="language here"/>
<meta name="author" content="http://www.getcsstemplates.com"/>
<meta name="robots" content="All"/>
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
<!--
#apDiv2 {
    position:relative;
    width:325px;
    height:306px;
    z-index:1;
    left: -430px;
    top: 22px;
    background-image: url(images/immaginesx.jpg);
    width:407px;
    height:371px;
    background-repeat:no-repeat;
}
body,td,th {
    font-size: 14px;
}
#apDiv3 {
    position:relative;
    width:155px;
    height:140px;
    z-index:2;
    left: 930px;
    top: -350px;
}
#apDiv4 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:3;
    left: 843px;
    top: 1371px;
}
#apDiv5 {
    position:relative;
    width:200px;
    height:115px;
    z-index:4;
    left: 500px;
    top: -100px;
}

-->
</style>
</head>

<body>

<div id="content">
<!-- Begin Wrapper -->
   <div id="wrapper">
   
         <!-- Begin Header -->
        
         <div id="header">
         
         
                <div class="logo">
        <h1 class="lineone"></h1>
</div>             
    <div class="studiopsicologia"></div>
    <div class="social">
    <table width="200" border="0" cellspacing="6">
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td><img src="images/bird.jpg" alt="" width="41" height="46" /></td>
      </tr>
      <tr>
        <td><img src="images/1396272358_Facebook.png" alt="" width="48" height="48" /></td>
        <td><img src="images/1396272575_google_plus.png" alt="" width="48" height="48" /></td>
        <td><img src="images/1396272480_Twitter.png" alt="" width="48" height="48" /></td>
        <td></td>
      </tr>
    </table>
    </div>
               
    
         <!-- End Header -->
         <div id="menu">
           
                 <div id='cssmenu'>
<ul>
   <li class='active'><a href='#'><span>Home</span></a></li>
   <li class='has-sub'><a href='servizi_consulenze.html'><span>Servizi e Consulenze</span></a>
      
      
   </li>
   <li class='has-sub'><a href='formazione.html'><span>Formazione</span></a>
      
   </li>
   <li class='last'><a href='#'><span>Laboratori in corso</span></a></li>
   <li class='last'><a href='#'><span>Contatti</span></a></li>
    <li class='last'><a href='#'><span>Link e video</span></a></li>
</ul>
</div>
           </div>
         <div id="apDiv2"></div>
     </div>
         <!-- Begin Navigation -->
                  
 
              
         <!-- End Navigation -->  
         
         <!-- Begin Left Column -->
<div id="leftcolumn">
           
             <!-- End Left Column -->
         
         <!-- Begin Center Column -->
         
     </div>
         
              <!-- End Center Column -->
         
         <!-- Begin Right Column -->
<div id="rightcolumn">
         
               <div class="links">
                <h2><img src="images/gioco1.jpg" alt="" width="192" height="103" /></h2>
</div>
               
               <div class="links">
                <h2><img src="images/colonnaimg1.jpg" alt="" width="192" height="103" /></h2>
</div>
         

               <div id="cloud">

             <h2><img src="images/gioco2.jpg" alt="" width="192" height="103" /></h2>
</div>
         
     </div>
         


         <!-- End Right Column -->
         
         <!-- Begin Footer -->
         <div id="clear">
         <div id="intestazioni">
         <div class="progetti">Progetti in corso</div>
         <div class="serviziconsulenze">
           <img src="images/puntino.jpg" alt="" width="11" height="8" />Servizi e Consulenze<img src="images/puntino.jpg" alt="" width="11" height="8" /></div>
        
</div>
                 <div id="subleftcolumn">
                   <table width="200" border="0">
                     <tr>
                       <td class="border"><p class="intestazioniprogetti">I.C di Gonzaga</p>
                       <p class="contenutoprogetti">Doposcuola Extra-scolastico sede di Gonzaga
                       COMPENSIAMOCI rivolto a bimbi e ragazzi con difficolta' o DSA
                         <a href="icprogetti.html"><img src="images/leggiprogetti.jpg" alt="" width="75" height="28" /></a></p>
                       </td>
                     </tr>
                     <tr>
                       <td><p class="intestazioniprogetti">I.C di Suzzara</p>
                       <p class="contenutoprogetti">Doposcuola Extra-scolastico sede di Suzzara
                       COMPENSIAMOCI rivolto a bimbi e ragazzi con difficolta' o DSA
                       <a href="icprogetti.html"><img src="images/leggiprogetti.jpg" alt="" width="75" height="28" /></a></p></td>
                     </tr>
                   </table>
                 </div>
                <div id="subrightcolumn">
                  <table width="627" border="0">
               <tr>
                 <td width="192"  class="titoli">Dsa</td>
                 <td width="193" class="titoli">Autismo</td>
                 <td width="228" class="titoli">Consulenze psicoeducative</td>
               </tr>
               <tr>
                 <td class="servizitesto"><p>Facciamo riferimento ad una metodologia ufficialmente riconosciuta e con valore clinico e statistico per il potenziamento e il trattamento dei Dsa.</p></td>
                 <td><p class="servizitesto">Il Servizio Autismo si avvale della metodologia ABA. </p>
                 <p class="servizitesto">L&rsquo;Analisi Comportamentale Applicata (<strong>ABA</strong>) vanta ormai una storia pluridecennale di impiego nel trattamento dell&rsquo;Autismo e con l&rsquo;elaborazione delle linee guida per </p>
                 <p>&nbsp;</p></td>
                 <td class="servizitesto">Lo studio offre un servizio di consulenza psicologica per giungere alla comprensione, definizione del problema e alla ricerca di eventuali strategie di trattamento adeguate.<br />
          <br />
Il supporto e sostegno psicologico &egrave; rivolto&nbsp; a famiglie e genitori, bambini, ragazzi, docenti riguardanti difficolt&agrave; transitorie tipiche dell&rsquo;et&agrave; evolutiva: difficolt&agrave; emotive relazionali, difficolt&agrave; </td>
               </tr>
               <tr>
                 <td><a href="dsa.html"><img src="images/leggiicona.jpg" alt="" width="76" height="50" class="leggi" /></a></td>
                 <td><a href="autismo.html"><img src="images/leggiicona.jpg" alt="" width="76" height="50" class="leggi" /></a></td>
                 <td><a href="consulenze_psicologiche.html"><img src="images/leggiicona.jpg" alt="" width="76" height="50" class="leggi" /></a></td>
               </tr>
             </table>
                  
           </div>
                <div id="apDiv3"><img src="images/farfalla.jpg" alt="" width="124" height="121" /></div>
                <div id="apDiv5"><img src="images/trefarfalle.jpg" alt="" width="120" height="100" /></div>
     </div>
         <!-- End Footer -->
         
   </div>
  
  <!-- End Wrapper -->
</div>

<div id="footer">
  <table width="662" border="0" class="tabellafooter">
    <tr>
      <td width="265" class="tdfooter"><img src="../../1398711241_Maps.png" alt="" width="60" height="60" />Via Omero 3 Suzzara 46029 MN</td>
      <td width="387"><img src="../../1398711344_recieve-mail.png" alt="" width="64" height="64" />Email:</td>
    </tr>
  </table>
</div>
</body>
</html>

Spero di averlo inserito correttamente.
in ogni caso io non prendo in considerazione ie6 e ie7?dovrei specificarlo?tipo mettere sito ottimizzato per....

**moonba** · 01-05-2014, 23:25

codice:

* { 
padding : 0;
margin : 0;
} 
body { 
font : 85% "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 13px;

} 
a { 
color : #1529ff;
} 
#wrapper { 
margin : 0 auto;
width : 922px;

} 
#header { 
color : #333;
width : 900px;
float : left;
padding : 10px;
height : 190px;
margin : 0px 0 35px 0;
} 
.logo { 
width : 278px;
height:160px;
float : left;
background-image:url(images/logo.jpg);
background-repeat:no-repeat;
} 
.studiopsicologia { 
width : 118px;
height:96px;
float : left;
background-image:url(images/studio-di-psicologia.jpg);
background-repeat:no-repeat;
margin-top:70px;
} 
.social
{
float:right;
margin-top:50px;
}     
.logo h1.lineone { 
font-size : 2.5em;
font-weight : bold;
padding-left : 5px;
color : #99ff32;
border : none;
letter-spacing : -1px;

} 
.logo h1.lineone span { 
color : #1529ff;
} 
.logo h2.linetwo { 
padding-left : 5px;
font-size : 1.3em;
text-transform : none;
color : #1529ff;
} 
.logo a { 
color : #1529ff;
text-decoration : none;
} 
#navigation { 
margin-right : 4px;
padding : 0;
width : 100%;
background : transparent;
voice-family : "\"}\"";
voice-family : inherit;
padding-right : 5px;
} 
#navigation ul { 
font : bold 11px Arial, Verdana, sans-serif;
margin : 0;
padding : 0;
list-style : none;
} 
#navigation li { 
display : inline;
margin : 0 2px 0 0;
padding : 0;
text-transform : uppercase;
} 
#navigation a { 
float : left;
color : white;
background : #678b3f url(images/tab-left.gif) no-repeat left top;
margin : 0 2px 0 0;
padding : 0 0 1px 3px;
text-decoration : none;
letter-spacing : 1px;
} 
#navigation a span { 
float : left;
display : block;
background : transparent url(images/tab-right.gif) no-repeat right top;
padding : 4px 9px 2px 6px;
} 
#navigation a span { 
float : none;
} 
#navigation a:hover { 
background-color : #8cb85c;
} 
#navigation a:hover span { 
background-color : #8cb85c;
} 
#navigation #current a, #navigation #current span { 
background-color : #8cb85c;
color : #1529ff;
} 

#leftcolumn { 
color : #333;
margin : -27px 0 0 0px;
min-height : 350px;
width : 670px;
float : left;
background-image:url(images/immaginecentrale.jpg);
background-repeat:no-repeat;



} 
#leftcolumncontenuti { 
color : #626262;
margin : -30px 0 0 0px;
min-height : 350px;
width : 670px;
float : left;




} 
#leftcolumn h1 { 
font-weight : lighter;
color : #009933;
background-color : #d4ff90;
text-indent : 5px;
margin-bottom : 5px;
clear:left;
} 
#leftcolumn p { 
text-align : justify;
} 
.lefttext p { 
font-size : 100%;
} 
.post { 
background : #eee;
padding : 3px;
margin : 20px 10px 20px 5px;
border : 0 dashed #8a795d;
font-size : 75%;
} 
.post .date { 
background : url(images/clock.gif) no-repeat left center;
padding-left : 18px;
margin : 0 5px 0 5px;
} 
.post .comments { 
background : url(images/comment.gif) no-repeat left center;
padding-left : 18px;
margin : 0 5px 0 5px;
} 
.post .readmore { 
background : url(images/page.gif) no-repeat left center;
padding-left : 18px;
margin : 0 5px 0 5px;
} 
#centercolumn { 
float : left;
color : #333;
margin : 5px 0 0 0;
padding : 10px;
min-height : 350px;
width : 200px;
display : inline;
} 
.sp-links-top { 
margin-top : 15px;
height : 20px;
background-image : url(images/ccb-top.jpg);
background-repeat : no-repeat;
} 
.sp-links { 
background-image : url(images/ccb.jpg);
background-repeat : repeat-y;
padding : 0 10px;
font-size : 110%;
} 
.sp-links h3 { 
color : #7bdb58;
margin : 0 0 0 0;
font-size : 1.2em;
padding-top : 10px;
} 
.sp-links p { 
font-size : 1em;
} 
.sp-links a { 
font-size : 0.9em;
text-decoration : none;
color : #1529ff;
} 
.sp-links-bottom { 
height : 20px;
background-image : url(images/ccb-bot.jpg);
background-repeat : no-repeat;
} 
#rightcolumn { 
color : #333;
margin :-27px 0px 0px 40px;
float:left;
width:200px;
} 
#rightcolumncontenuti { 
color : #333;
margin :-27px 0px 0px 20px;
float:left;
width:200px;
min-heght:350px;
} 
#rightcontenuti { 
padding:10px;
color : #333;
margin-top :30px;
border-right:2px dotted #c7e4e2;
border-left:2px dotted #c7e4e2;
float:left;
width:200px;
margin-bottom:150px;
} 
#centercolumn h2 { 
font-weight : lighter;
color : #009933;

text-indent : 5px;
margin-bottom : 5px;
} 
.links ul { 
margin : 0px 0px 0px 0;
} 
.links li { 
font-size : 1.1em;
list-style-type : none;
} 
.links li a { 
color : #1529ff;
text-decoration : none;
} 
.cloud { 
margin : 10px 0;
padding : 5px;
border : 1px solid #e2f209;
} 
.cloud li { 
display : inline;
margin : 0 0 0 0;
} 
.cloud1 { 
font-size : 10px;
} 
.cloud2 { 
font-size : 12px;
} 
.cloud3 { 
font-size : 13px;
} 
.cloud4 { 
font-size : 14px;
} 
.cloud5 { 
font-size : 15px;
} 
.cloud6 { 
font-size : 16px;
} 
.cloud7 { 
font-size : 17px;
} 
.cloud8 { 
font-size : 18px;
} 
#cloud li a { 
text-decoration : none;
color : #9cafc5;
} 
#clear { 
width : 100%;
clear : both;
color : #333;
margin : 0px 0 0px 0;
padding : 0px;
height:10px;
}
#cssmenu {
    
  width: 100%;
  background: #f8e701;
  background-image:url(images/menusf.jpg);
  background-repeat:repeat-x;
 
}
#cssmenu > ul {
  padding: 1px 0;
  margin: 0px;
  list-style: none;
  width: 100%;
  height: 21px;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  
  font: bold 9pt verdana, arial, helvetica;
}
#cssmenu > ul li {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  position: relative;
  width: 148px;
  border-right:1px solid #ffffff;
}
#cssmenu > ul li a:link,
#cssmenu > ul li a:visited {
  padding: 4px 0;
  display: block;
  text-align: center;
  text-decoration: none;
  background: #f8e701;
  color: #ffffff;
  
  width: 148px;
}
#cssmenu > ul li:hover a,
#cssmenu > ul li a:hover,
#cssmenu > ul li a:active {
  padding: 4px 0;
  display: block;
  text-align: center;
  text-decoration: none;
  background: #e2f20b;
  color: #ffffff;
  width: 146px;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
#cssmenu > ul li ul {
  margin: 0;
  padding: 1px 1px 0;
  list-style: none;
  display: none;
  background: #ffffff;
  width: 146px;
  position: absolute;
  top: 21px;
  left: -1px;
  border: 1px solid #ffffff;
  border-top: none;
}
#cssmenu > ul li:hover ul {
  display: block;
}
#cssmenu > ul li ul li {
  clear: left;
  width: 146px;
}
#cssmenu > ul li ul li a:link,
#cssmenu > ul li ul li a:visited {
  clear: left;
  background: #f8e701;
  padding: 4px 0;
  width: 146px;
  border: none;
  border-bottom: 1px solid #ffffff;
  position: relative;
  z-index: 1000;
}
#cssmenu > ul li ul li:hover a,
#cssmenu > ul li ul li a:active,
#cssmenu > ul li ul li a:hover {
  clear: left;
  background: #e2f20b;
  padding: 4px 0;
  width: 146px;
  border: none;
  border-bottom: 1px solid #ffffff;
  position: relative;
  z-index: 1000;
}
#cssmenu > ul li ul li ul.navigation-3 {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 145px;
  top: -2px;
  padding: 1px 1px 0 1px;
  border: 1px solid #b9121b;
  border-left: 1px solid #b9121b;
  background: #ffffff;
  z-index: 900;
}
#cssmenu > ul li ul li:hover ul.navigation-3 {
  display: block;
}
#cssmenu > ul li ul li ul.navigation-3 li a:link,
#cssmenu > ul li ul li ul.navigation-3 li a:visited {
  background: #e2f20b;
}
#header #apDiv1 {
    
    height:109px;
}
#wrapper #rightcolumn .links {
    border: 2px solid #e2f209;
}
#wrapper #rightcolumn #cloud {
    border: 2px solid #e2f209;
}
#subleftcolumn
{
    color : #333;
margin :20px 30px 0px 40px;
float:left;
width:220px;
clear:both;
border-top: 2px dotted #f7e700;
}
#subrightcolumn
{color : #333;
margin : 20px 0 120px 0px;
width : 630px;
float : left;

border:1px solid #b6e4da;
}

#subrightcolumncontenuti
{color : #333;
margin : 20px 0 150px 30px;
width : 630px;
float : left;

border:1px solid #b6e4da;
}
.intestazioniprogetti
{
color:#00b2a8;
font-weight:bold;
font-size:18px;
}
#content
{
margin :0px 0 0 0px;
width : 100%;
height:100%;

background-image : url(images/bg.jpg);
background-repeat:repeat-x;
background-position:0% 170%;

background-repeat : repeat-x;

}
#contenuti
{
margin :0px 0 0 0px;
width : 100%;
height:100%;

}
#menu { 
width : 900px;
clear : both;
color : #333;
margin : 0px 0 0px 0;
padding : 0px;
background-color:#FF9;
height:10px;
}
#intestazioni
{ 


color : #333;
margin : 0px 0 0px 0;
padding : 20px;
height:10px;
}

.servizi{ 
text-align:center;
font-weight:bold;
color : #626262;
font-size:large;
margin-left:200px;



}
.servizitesto
{ 

font-weight:normal;
color : #626262;
padding:10px;
border-right:2px dotted #f7e700;
font-size:normal;
vertical-align:top;

}
h1
.servizitesto
{ 
border-bottom:1px dashed #FF9;
font-weight:normal;
color : #626262;

font-size:22px;

}
.titoli{ 
border-bottom:2px dotted #f7e700;
font-weight:normal;
color : #626262;
text-align:center;
padding:10px;
font-size:22px;

}
.border{
    border-bottom:2px solid #f7e700;
    }
    .contenutoprogetti
    {
    padding:10px;
    color:#626262;
    }
.serviziconsulenze{ 
float:right;
margin-right:200px;

color : #626262;

font-weight:bold;
font-size:22px;
}
.chisiamo{ 
float:right;
margin-top:20px;
margin-right:250px;

color : #626262;

font-weight:bold;
font-size:22px;
}

.progetti{ 
float:left;
padding-left:70px;
color : #626262;

font-weight:bold;
font-size:22px;
}


#immaginesx
{ 
float:left;
clear:both;
background-position:50% 50%;
background-image:url(images/immaginesx.jpg);
background-repeat:no-repeat;
width:407px;
height:371px;

}


#footer
{ 
clear:both;
width:100%;
background-color:#00b2a8;
}
.leggi{ 
float:right;

}
#leftcontenuti
{ 
margin-top:20px;
margin-left:20px;
padding:10px;
border-top:2px dotted #f7e700;
border-bottom:2px dotted #f7e700;
color:#626262;
}
.titolorightcontenuti
{ 
display:block;
color:#71b7bc;
border-bottom:1px solid #f7e700;
font-size:18px;
padding-bottom:5px;
}
.titololeftcontenuti
{ 
display:block;
color:#626262;
margin-left:20px;
padding:10px;
font-size:22px;

}
.
{ 
color:#626262;
padding-left:20px;
}
.tabellafooter{ 
margin-left:500px;
color:#FFF;
}
.tdfooter
{ 
border-right:2px dotted white;
}
.studio
{ 
border:3px solid #f7e700;
}

**shane007** · 01-05-2014, 23:33

Beh, se proprio vuoi puoi vedere che browser sta usando l'utente (vedi: http://stackoverflow.com/questions/5...ion-of-browser) e se vedi che usa una versione inferiore a ie7 carichi un codice customizzato o semplicemente mandi un alert dicendo che il sito potrebbe avere problemi con il browser in uso ed inviti a cambiarlo.
Ora puoi anche usare la scusa della sicurezza! http://tecnologia.guidone.it/2014/04...-bu-zero-days/

Discussione: sito web e problemi con ie

Strumenti discussione

Ricerca discussione

Visualizza

sito web e problemi con ie

Permessi di invio