Foros del Web » Creando para Internet » CSS »

Problemas con ejemplo de Tabs

Estas en el tema de Problemas con ejemplo de Tabs en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 07/07/2006, 16:12
 
Fecha de Ingreso: julio-2006
Ubicación: Chile
Mensajes: 2
Antigüedad: 11 años, 5 meses
Puntos: 0
Pregunta Problemas con ejemplo de Tabs

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.
  #2 (permalink)  
Antiguo 07/07/2006, 18:13
Avatar de sjam7  
Fecha de Ingreso: diciembre-2001
Ubicación: Guadalajara, Mexico
Mensajes: 3.669
Antigüedad: 16 años
Puntos: 16
que hace en IE?
  #3 (permalink)  
Antiguo 07/07/2006, 18:23
 
Fecha de Ingreso: julio-2006
Ubicación: Chile
Mensajes: 2
Antigüedad: 11 años, 5 meses
Puntos: 0
Pues al darle clic a los vinculos no muestra los divs ni su contenido. En firefox si lo hace todo como debe.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:59.