Diseño

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. :-/

CC 2011 The Power of Mind. Reconocimiento 2.5 España
Visitas