[Html & css] problemi con IE

**yyzyyz** · 08-01-2014, 11:53

[os] Windows 7 - 64bit

Buongiorno , ho dei problemi a visualizzare su IE11 del codice CSS su una pagina html , il fatto è che su altri browser non rilevo il difetto (mozilla firefox , opera , chrome).
Il codice html:

codice:

<html>
<head>
<link href="or.css" rel="stylesheet" type="text/css">
</head>

<body>
<ul><table width="530" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="128"><a href="orizzontale.html">Home</a></td>
      <td width="128"><a href="#news">News</a></td>
      <td width="128"><a href="#contact">Contact</a></td>
      <td width="172"><a href="#about">About</a></td>
    </tr>
                          </table>
  <p>&nbsp;</p>
</ul>
</body>
</html>

codice file CSS:

codice:

<style>
ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li
{
float:left;
}
a:link,a:visited
{
display:block;
width:120px;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#7A991A;
}
</style>

Senza nome.jpg
Volevo sapere se poteva essere un problema di codice ho un problema relativo all'os / browser, grazie.

**Al_katraz984** · 08-01-2014, 12:55

l'html è totalmente sbagliato...

che ti serve una tabella per un menu?

perchè la lista <ul> non ha nessun tag <li> ?

**yyzyyz** · 08-01-2014, 15:41

Originariamente inviata da Al_katraz984

l'html è totalmente sbagliato...

che ti serve una tabella per un menu?

perchè la lista <ul> non ha nessun tag <li> ?

Il fatto è che se il codice CSS rimance integrato nell'html tutto ok, il problema nasce quando tento di metterlo in un file esterno per avere html e css separati.
Comunque anche cosi ho problemi con ie.
html:

codice:

<!DOCTYPE HTML>
<html>
<head>
<link href="1.css" rel="stylesheet" type="text/css">
</head>

<body>

  <ul>
    <li><a href="#home">Home</a></li>
    <li><a href="#news">News</a></li>
    <li><a href="#contact">Contact</a></li>
    <li><a href="#about">About</a></li>
  </ul>
</body>
</html>

css :

codice:

li {
    background-color: #99FFFF;
    display: inline;
    padding: 20px;
}
a:hover {
    background-color: #0033CC;
}

grazie.

**Al_katraz984** · 08-01-2014, 17:21

ul {
overflow: hidden;
}

li {
background-color: #99FFFF;
float: left;
padding: 20px;
}
a:hover {
background-color: #0033CC;
}

**yyzyyz** · 08-01-2014, 19:03

Originariamente inviata da Al_katraz984

ul {
overflow: hidden;
}

li {
background-color: #99FFFF;
float: left;
padding: 20px;
}
a:hover {
background-color: #0033CC;
}

Il problema è <!DOCTYPE html>, ora funziona bene e comunque grazie per l'interessamento.
ciao

Discussione: [Html & css] problemi con IE

Strumenti discussione

Ricerca discussione

Visualizza

[Html & css] problemi con IE

Permessi di invio