Foros del Web » Creando para Internet » CSS »

#id_de_algo[id] en hojas de estilo

Estas en el tema de #id_de_algo[id] en hojas de estilo en el foro de CSS en Foros del Web. Es la primera vez que posteo en este foro . Estoy rediseñando un proyecto, y estoy migrando de tables a CSS y divs. Me tope ...
  #1 (permalink)  
Antiguo 27/06/2007, 11:38
okram
Invitado
 
Mensajes: n/a
Puntos:
#id_de_algo[id] en hojas de estilo

Es la primera vez que posteo en este foro . Estoy rediseñando un proyecto, y estoy migrando de tables a CSS y divs. Me tope con algunos problemas a la hora de probar en diferentes navegadores, pero voy solucionandolos poco a poco. Tengo una duda, he visto que muchas veces colocan por ejemplo #contenedor { ... } y mas abajo #contenedor[id] { ... }, probe y el segundo aplica para firefox, mientras que el primero para ambos navegadores (FF e IE). Que significa ese [id]?

Un saludo,
  #2 (permalink)  
Antiguo 28/06/2007, 23:25
Avatar de ebe
ebe
 
Fecha de Ingreso: marzo-2004
Ubicación: Guatemala
Mensajes: 363
Antigüedad: 13 años, 9 meses
Puntos: 11
Re: #id_de_algo[id] en hojas de estilo

Cita:
Que significa ese [id]?
De esa manera tu puedes aplicar estilos bien especificos a elementos que contengan dicho atributo.

Código PHP:
<style type="text/css">
.
contenedor {
background:#ff0000;
}

.
contenedor[id]:hover {
background:#00ff00;
}

</
style>

<
div class="contenido" id="unico">contenido</div>
<
div class="contenido">contenido</div
Y si.. Internet explorer tiene problemas con este tipo de selectores avanzados de CSS, lo que no se es si IE 7 ya los soporte.. deberia.

un saludo.
__________________
http://dev.wsnetcorp.com
  #3 (permalink)  
Antiguo 29/06/2007, 04:49
 
Fecha de Ingreso: noviembre-2002
Ubicación: Cerca de todo, lejos de la nada.
Mensajes: 82
Antigüedad: 15 años, 1 mes
Puntos: 0
Busqueda Re: #id_de_algo[id] en hojas de estilo

Para que en internet explorer 6 te funcionen los estilos correctamente, debes de poner esto, adaptanda cada estilo que no te funcione a una característica específica para IE6:

Código:
	<!--[if lte IE 6]>
	<style>
#elNombredeTuID {
	losValores:a,b,c;
}
	</style>
<![endif]-->
Eso lo debes de meter dentro del head PERO antes de cerrar éste, no se porque pero así funciona bien. Tarda un poco pero debes de hacerlo si quieres que se vea bien
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 21:33.