Skip to main content

Autor: Joseba Garai

Trucos de maquetación con Internet Explorer

Joseba Garai Deja un comentario

De sobra es conocido lo poco seriamente que Microsoft se ha tomado el desarrollar y mantener Internet Explorer. Abusando de la ventaja que le ha dado el venir instalado en todos los ordenadores con Windows, Internet Explorer ha sido y es un navegador pesado, lento, inseguro y poco riguroso con los estándares de Internet. Afortunadaente hoy día disponemos de navegadores mejores. Firefox, Chrome y Opera son ampliamente eficientes en la tarea de reproducir contenido web.

Sin embargo debido a la alta difusión de Internet Explor los maquetadores tienen que lidiar con él a pesar de sus deficiencias. Algunos trucos han de ser conocidos para poder trabajar minimamente con este navegador.

Declaraciones interpretadas por IE6

Si delante de la propiedad usamos un guion bajo solo Internet Exprer 6 interpretará la propiedad. El resto de navegadores la ignorará.  Veamos un ejemplo:

.clase{
    _width: 20px;
}

Si delante de la propiedad usamos un asterisco solo será interpretada por Internet Explorer 7 y anteriores. Veamoslo:

.clase{
    *width: 20px;
}

Si lo que usamos es una almohadilla delante de la propiedad, cualquier versión de Internet Explorer interpretará la propiedad, pero solo Internet Explorer. Por ejemplo:

.clase{
    #width: 20px;
}

El parámetro !important

Cuando declaramos una propiedad podemos decirle que no sea modificada con ninguna declaración posterior. Para esto usamos el argumento !important. Internet Explorer 6 no soporta este argumento pero los siguientes si. Se puede usar, para definir una declaración para los demás navegadores y cambiarla para Internet Explorer 6. Por ejemplo:

p {
color: red !important; /* Todos los demás navegadores */
color: blue; /* IE 6 solamente*/
}

La librería ie7-js

Esta librería javscript resuelve problemas de compatibilidad en navegadores Internet Explorer y añade soporte a transparencias PNG. Para incluirla en nuestro código html usaremos los comentarios condicionales de Internet Explorer. De modo que al cargarse nuestra página en este navegador se cargará la librería javascrip alojada en Google Code. El código a incluir será:

<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->

Para más información sobre esta libreria visita la página web del proyecto.

Cómo instalar LAMP en Ubuntu Server 12.04 LTS

Joseba Garai 3 comentarios

Lamp, acrónimo de Linux, Apache, Php y MySql, es la combinación de estos componentes que se dan en un tipo de servidor web. Probablemente el tipo de servidor web más popular en Internet. Cada uno de estos componetes trabajan en conjunto para poder servir páginas web dinamicas.

La forma más sencilla de instalar estos componentes en un servidor Ubuntu Server 12.04 LTS es sin duda mediante el comando tasksel. Este comando aglutina distintas tareas de instalación y entre ellas la de servidor LAMP.

Para instalar LAMP en un Ubuntu Server 12.04 LTs tan solo necesitamos abrir un terminal. En la línea de comando escribir o copiar la siguiente orden:

sudo tasksel lamp-server

Inmediatamente empezarán a descargarse los paquetes necesarios. No deberemos hacer nada hasta que empieza a instalarse el servidor de bases de datos MySQL. En ese paso nos pedirá la contraseña del usuario que será root en la base de datos. Podemos generar una contraseña fuerte con el servicio gpassword.com para el usuario root y que guardaremos en lugar seguro.

Después, simplemente podemos probar la configuración del servidor accediendo a él. Si el servidor esta en Internet, podemos usar su URL o su IP poniendola en la barra de direcciones de cualquier navegador. Si la instalación es en el equipo local podemos usar como URL localhost o como IP 127.0.0.1. Si todo quedó instalado correctamente aparecerá en el navegador el mensaje “it works” correspondiente a servir el documento index.html alojado en /var/www.

Si queremos probar el componente PHP podemos crear en el directorio un archivo llamado index.php con el siguiente contenido:

<?php
phpinfo();
?>

Y para probarlo añadimos a la ip o la url en la barra de direcciones del navegador index.php. Quedando por ejemplo localhost/index.php. Si php funciona nos mostrará información del interprete PHP.

Para terminar apuntaremos algunos datos.

Apache2 guarda sus archivos de configuración en /etc/apache2 siendo el más importante apache2.conf. El comando para ver el estado del servicio apache2 es:

sudo service apache2 status

Obviamente para parar, iniciar o reiniciar el servicio o recargar la configuración cambiaremos ‘status’ por stop, start, restart o reload, respectivamente.

De forma similar el servicio MySQL se configura desde el directorio /etc/mysql, siendo el archivo my.cnf el más importante. El comando para ver el estado del servidor es:

sudo service mysql status

De igual modo para parar, iniciar o reiniciar el servicio, cambiaremos ‘status’ por stop, start o restart, respectivamente.

El interprete PHP cuando es usado por apache guarda su configuración en el directorio /etc/php5/apache2. Siendo el archivo más importante php.ini.