Problema con dos ficheros .css cuando les pongo en la misma pagina...

[julms]

Hola, no entiendo porque cuando utilizo estos dos ficheros en la misma pagina no funcionan ambas cosas, son floatbox en la que muestro contenido con xajax y un tabber para las pestañas. El que pongo primero en la pagina funciona bien, pero el otro no.

floatbox.css
http://www.nopaste.com/p/aXOegSNrQ

tabber.css
http://www.nopaste.com/p/adjuJGycj

Si alguien tuviera un minuto y mirar ambos ficheros, solo para decirme si pueden entrar en conflicto, porque yo no veo donde ya que ambos declaran cosas diferentes

Muchas gracias, cualquier respuesta sera bienvenida

[AlvaroG]

Si ambos declaran cosas diferentes, no entran en conflicto.
¿Cómo los estás vinculando?

[julms]

Hola, muchas gracias por tu respuesta.

Pues los declaro de esta forma, en el head:
<link rel="stylesheet" type="text/css" href="css/tabber.js" media="all" title="pesta" />
<link rel="stylesheet" type="text/css" href="css/../js/floatbox/floatbox.css" media="all" title="floatbox" />

(la ruta de floatbox era temporal, porque no he tocado el paquete original)

De esta forma, la ventana floatbox se muestra, pero no hace la tipica animacion al abrirse, ni se pone el fondo oscurecido, ni al hacer click se oculta la ventana. Los colores creo que tampoco salian del todo bien.

Si los intercambio, las pestañas no se forman bien. Por separado funcionan perfecto.

No se que conflicto puede haber, gracias por tu ayuda.

Un saludo

[AlvaroG]

El conflicto es causado por el diferente valor del atributo "title" que tiene cada una.
Ponles el mismo valor a ambas, o quítales el atributo, y funcionará bien.

Saludos.

[julms]

Ah quieres decir aqui:

<link rel="stylesheet" type="text/css" href="css/../js/floatbox/floatbox.css" media="all" title="floatbox" />

en title, indicar el mismo valor. Voy a probarlo y a buscar info. Entonces en todas mis css las pondre en title el mismo valor.

un saludo, MUCHAS MUCHAS gracias

[AlvaroG]

El atributo "title" funciona más o menos así:
Cuando querés tener más de un estilo posible para tu sitio, el CSS común a todos los estilos es "persistente", se pone sin title.
Luego, las hojas de estilo que correspondan al estilo "preferido", se colocan con el mismo title.
Y finalmente, las hojas de estilo que correspondan a los estilos "alternativos" se colocan con el atributo "rel" puesto como "alternate stylesheet"

La descripción de todo esto está por acá:
http://www.w3.org/TR/REC-html40/present/styles.html

Es por esto que si querés que varios archivos se apliquen juntos, tenés que ponerlos con el mismo "title" (o con este atributo sin especificar)


Saludos.

[julms]

Vale, poniendo el title el mismo en todos mis css funciona OK en Mozilla y Opera. En el internet explorer, se abre bien la ventana con la animacion, pero luego dentro sale sin aplicar la css.

Ya mirare porque en el IE no va. GRACIAS de nuevo alvlin.

Un saludo

[julms]

Uy no me habia dado cuenta que habias respondido al responder ayer. Habia estado leyendo sobre title, habia llegado a una conclusion parecida a la tuya, pero con tu explicacion me queda mucho mas claro.

Como no voy a tener estilos alternativos, he quitado title. Gracias alvlin.


Un saludo