Internet Exploter y el CSS

Algunos trucos que he tenido que hacer para la web de GakoProds:


– Para las piernas de la izquierda:
PHP:


< ?php
	$curos=strtolower($_SERVER['HTTP_USER_AGENT']);
	if (strstr($curos,"gecko") || strstr($curos,"opera"))
		echo "<div id=\"sidebar\" align=\"center\" >";
	else
		echo "<div id=\"sidebar-ie\" align=\"center\">";
?>
</div>

CSS:


#sidebar{
	float: left;
	background: #FFFFFF url(herLegs.gif) no-repeat top right;
	width: 206px;
	min-height: 411px;
}

#sidebar-ie{
	float: left;
	background: #FFFFFF url(herLegs.gif) no-repeat top right;
	width: 206px;
	height: 411px;
}

– Para el pié de página:
PHP:


< ?php
	$curos=strtolower($_SERVER['HTTP_USER_AGENT']);
	if (strstr($curos,"gecko") || strstr($curos,"opera"))
		echo "<div id=\"footer\" align=\"center\" style=\"position:absolute;\">";
	else
		echo "<div id=\"footer\" align=\"center\">";
?>
</div>

CSS:


#footer{
	width: 747px;
	height: 50px;
	font-size: small;
	background: #FFFFFF url(footer.gif) no-repeat top right;
	top: 778px;
	padding-top: 100px;
	color: #FFFFFF;
}

– Otro tema es el de las transparencias. Sólo consigo que se vean en Firefox. Aquí os pongo el código que he usado.

PHP:


<div id="post-body" class="trans25" onmouseover="this.className='trans90'" onmouseout="this.className='trans25'">TEXTO</div>

CSS:


div.trans25{
	background-color: white;
	color: black;
	opacity:.25;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
}

div.trans90{
	background-color: black;
	color: white;
	opacity:.90;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
}

¿Se podría haber hecho más facil? ¿Cómo puedo hacer funcionar las transperencias en IE y en Ópera?

Actualizado: Tengo que arreglar el CSS de la etiqueta «code». También salen algunas barras de más. :-/

2 comentarios en “Internet Exploter y el CSS

  1. pepeitor

    Hola:

    Gracias por las ideas.
    Desde que leo y estudio CSS, parece que va mejor la cosa.
    Aunque confieso estar en pañales aún, prometo seguir leyendo, aplicando y mejorando.
    Lo mio sirva de ejemplo de lo que se uede hacer sin tener mucha idea.
    Saludos.

Los comentarios están cerrados.