Hola a todos,
soy nuevo en este foro y más nuevo aán en el tema de CSS.
Mi problema es el siguiente: Estoy viendo un ejemplo de tabs en una página y me funciona, pero solo en Firefox. Alguien podria explicarme por qué no funciona en IE?
El ejemplo es el siguiente:
Código:
<style type="text/css">
<!--
div.tabbed {
position: absolute;
top: 40px;
left: 40px;
}
div.tabs a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: smaller;
color: #e0e0e0;
background-color: #404040;
border: thin solid black;
margin-right: 2px;
padding: 0px 2px;
-moz-border-radius: 5px 5px 0px 0px;
}
div.tab {
display: none;
height: 250px;
border: thin solid black;
-moz-border-radius: 0px 0px 5px 5px;
text-align: center;
}
div.tab:target {
display: block;
}
:target div.tab {
display: block;
}
:target div.tab + div.tab{
display: none;
}
-->
</style>
</head>
<body>
<div class="tabbed">
<div class="tabs"><a href="#general">General</a><a href="#mozilla">Mozilla</a><a href="#netscape">Netscape</a><a href="#others">Others</a></div>
<div id="general" class="tab"><p>General</p>
<p>bla bla bla bla</p>
<p>bla bla bla</p>
</div>
<div id="mozilla" class="tab">
<p>Mozilla</p>
<p>bla bla bla bla</p>
<p>bla bla bla</p>
</div>
<div id="netscape" class="tab">
<p>Netscape</p>
<p>bla bla bla bla</p>
<p>bla bla bla</p>
</div>
<div id="others" class="tab">
<p>Others</p>
<p>bla bla bla bla</p>
<p>bla bla bla</p>
</div>
</div>
</body>
</html>
Gracias de antemano.