Archive for the ‘CSS (Compatible)’ Category

problemas con altos de DIV

Posted on Julio 14th, 2010 in CSS (Compatible) | No Comments »

Muchas veces el ponerle un height a un div, no basta ya que nuestro texto puede pasarse de esa medida.

Si quieres distintas medidas en distintas páginas… se podría utilizar PHP para que detecte la página y ponerle una clase específica a una página y otra clase a otra.
Ejemplo:

if($_GET['pag']=='pag1')
{
// en el css: claseAlto400 { height:400px;}
$clase = "claseAlto400"; 
}
else if($_GET['pag']=='pag2')
{
// en el css: claseAlto600 { height:600px;}
$clase = "claseAlto600"; 
}

Pero claro, a veces no sabemos cuanto es necesario de alto.
Entonces ahí deberemos jugar con otras reglas css:

- display:inline; // ó
- display:block

Importante: no usar valores de display:table, row… ya que internet explorer los pasa por alto.

Centrar una página web

Posted on Julio 14th, 2010 in CSS (Compatible) | No Comments »

EN EL CSS

body
{
text-align:center;
margin:0px;
}
 
#contenedor
{
width:950px;
text-align:left;
margin-left:auto;
margin-right:auto;
}

Animartec – Academia Web está orgullosamente a prueba de Digg gracias a la caché que proporciona WP Super Cache