Nomenclaturas de exploradores

Hola de nuevo,

estoy haciendo hojas de estilos independientes para unificar en la medida de lo posible la visualización en todos los navegadores.

He estado ojeando por el foro y he visto IE en todas sus actualizaciones.

Como he de poner en el html Opera y Firefox? Como son sus nomenclaturas a la hora de formular como en este ejemplo?

<!--[if IE]>
<link rel="STYLESHEET" type="text/css" href="../estilos-ie.css" />
<!-->

Gracias anticipadas.Un saludo.

Firefox = FF ?
Opera = opera ?
Google Chrome = chrome?
Safari = safari?

Venga una ayudita que esto lo teneis que tener chupao.:wink:

Dependiendo de lo que quieras hacer el mayor problema son las versiones IE7 - IE8 por lo general lo demás soportan la mayoria de propiedades de css (incluso muchas de CSS3)

La pregunta sigue siendo la misma que quieres lograr?

Lo que quiero hacer es lo mismo que hice con IE. Encaminar Firefox y Opera a la nueva hoja de CSS ya que son problemas muy similares, pero no sé escribirlo correctamente.

Concretamente esta página(la mas importante de la web)es la que me sale mal . En Opera demasiado larga y en Firefox demasiado corta. Por eso necesitaba ponerle hoja de estilo propia. A no ser que sepais de otra posible solución.

Supongo que será algo asi:

<!--[if FF]>
<link rel="STYLESHEET" type="text/css" href="../estilos-ie.css" />
<!-->

<!--[if opera]>
<link rel="STYLESHEET" type="text/css" href="../estilos-ie.css" />
<!-->

http://www.pipilotta.es/colecciones/ropamujer.html

hola
he revisado tu codigo.. y el problema no son los navegadores, es que hay errores

por ejemplo.. tienes esto checa las medidas en rojo
dices que contenidodos, mide 180px de ancho, dentro metes li, que mide 181px es decir un pixel de sobra...
hasta ahi... igual y no se nota demasiado... pero si le sumas los 18px que le has puesto de margen izquierdo, pues... entonces ya no cabe,
se desborda, y todo se descuadra.....


#contenidodos {float:left; width:180px ; background-color: #FF6A6A;}
#contenidodos li {float:left; list-style:none ; margin:2px 0px 10px 18px ;}


<div id="contenidodos">

<ul>
<li><a href="../colecciones/vestidos/vestidos.html"><img src="objetos/vestidos.gif" width="181px" height="97px" alt="Ir a colección de vestidos"></a></li>


ya no tengo tiempo de seguirlo revisando, ese es uno de los errores que vi

saludos

Muchisimas gracias Yaneth.
Con tu consejo ya está solucionado el firefox. Sólo me falta en Opera que se vé demasiado larga aun. Sigo toqueteando las cifras a ver que pasa.

siempre debes sumar las cantidades incluyendo margenes

de todas formas sigo viendo

sigue sin caber

mira
<li><a href="../colecciones/vestidos/vestidos.html"><img src="objetos/vestidos.gif" width="179px"


#contenidodos li {float:left; list-style:none ; margin:2px 0px 10px 12px ;}

179+12=191

todo eso dentro de:
#contenidodos {float:left; width:190px ; background-color: #FF6A6A;}

es mejor pixeles de sobra que de mas

Ya debería estar,he puesto cifras mas pequeñas.

Pasa una cosa interesante,al refrescar la página. Durante menos de un segundo se ven las imágenes del wrapper una debajo de la otra,ocupando justo el espacio de más que sobra[:o]
No va a ser cosa de margenes...

ahora veamos pie

#pie {background-color: #FF6A6A ; border-top: black 1px solid ; height:65px ; margin-bottom:10px;}

dentro de el tienes....
#navegacionredes {background-color: #FF6A6A ; border: black 1px solid ; height: 27px ;}
ve haciendo cuentas..........
#curva-inferior {background-image: url(objetos/abajoancha.gif) ; background-repeat: no-repeat ; width: 800px ; height:65px ; overflow: hidden;

<div id="curva-inferior">
<div id="pieuno">
<ul>
<li><a href="#">Deja tu opinión</a></li><li><a href="#">Contacta</a></li><li><a href="#">Webs amigas</a></li>
</ul>
</div>

<div id="piedos"><br>
Fecha de última modificación:
<SCRIPT>document.write(document.lastModified )</SCRIPT>
</div>

<div id="pietres">
<ul>
<li><a href="#">Marca Pipilotta</a></li><li><a href="#">Derechos legales</a></li><li><a href="#">Mapa de la Web</a></li>
</ul>
</div>

</div>

27 de navegacionredes, mas 65 de curva-inferior= 92
todo eso dentro de pie que mide 65

la mayoria de los problemas no son los navegadores.. son los errores en el codigo...

saludos

De nuevo tienes razón.[:p]

He sacado ese menú del pié. Queda mejor . Pero... Opera sigue dejando un espacio enorme. Bueno, no es grave, podría quedarse así, pero soy de los que miman los detalles. Seguiré probando cifras.

Es lo último que hare de "estructura" . A partir de aquí subir información.

Piensa que hace pocos meses que empecé el curso de HTML con vosotros ;)

Muchisimas gracias de nuevo.

no tengo opera
asi que no se que es enorme para ti, pero un hay fallos
avisame cuando subas los cambios

http://imageshack.us/photo/my-images/26/snap006r.jpg/

Esto es enorme [:D]

otro problema que veo.....

si te fijas en pie....
el contenido son divs con textos verdad???

bien
ahora en contenido, tambien tienes divs con textos ahi uno de los detalles
en pie no hay problema lo pones en alto fijo

pero en contenido, pues no se puede,
asi que... yo quitaria un div de contenido el div uno, dejando solo en div dos

¿Dices quitar todo el div y poner las propiedades del texto en el html?

mira ese documento copialo d emanera que puedas practicar sin perderte oks?

intenta con esto

<div id="contenidounodos">
<div id="contenidodos">

<ul>
<li><a href="../colecciones/vestidos/vestidos.html"><img src="objetos/vestidos.gif" width="179px" height="97px" alt="Ir a colección de vestidos"></a></li>
<li><a href="../colecciones/camisetas/camisetas.html"><img src="objetos/camisetas.gif" width="179px" height="97px" alt="Ir a colección de camisetas"></a></li>
<li><a href="../colecciones/complementos/complementos.html"><img src="objetos/complementos.gif" width="179px" height="97px" alt="Ir a colección de complementos"></a></li>
<li><a href="../colecciones/encargos/encargos.html"><img src="objetos/encargos.gif" width="179px" height="97px" alt="Ir a encargos especiales"></a></li>
</ul>
</div>

<br><br>
<p class="marco">Vestidos para hacer a tu medida</p>
<br><br><br>

<p class="marco">Camisetas Pipilotta, hechas a mano</p>
<br><br><br>
<p class="marco">Los complementos mas actuales</p>
<br><br><br>
<p class="marco">Vestidos exclusivos y personalizables</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><br>
<br>
<br>



</div></div>

.marco { margin-left: 25px ; font-size: 25px ; text-align: center ; border-width: thick; border-style: dotted; border-color: #DCDCDC; width:570px}

Lo he intentado pero no doy con la solución. Bueno contando que solo es en Opera, lo voy a dejar en este punto para mas adelante. Voy a seguir con cosas mas prioritarias en la web y cuando las tenga,volveré al ataque.

Me ha quedado claro que no es de los navegadores,que es "capas y medidas" .

Muchisimas gracias por tu tiempo. Ya te iré contando. Un saludo.