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. :-/
El IE es una maldición
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.