Ver Mensaje Individual
  #15 (permalink)  
Antiguo 18/05/2009, 10:03
Avatar de Mikmoro
Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: problemas con el centrado y las distintas resoluciones

A ver: por poder hacerse, se puede, pero siempre estará nuestro odiado IE6 para molestar y exprimirnos la sesera.
Esto es una adaptación de un ejemplo que ya tenía sobre centrado vertical, que funciona bien en IE6, pero en este caso aparece un scroll vertical aun cuando no es necesario:

http://www.araudi.net/forosdelweb/ce...vertical4.html
Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Centrado Vertical</title>
<style type="text/css">
html, body {height: 100%;margin: 0;}
#caja {display: table;
height: 100%;
width: 100%;
position: relative;
}
.centrado {display: table-cell;
vertical-align: middle;
margin: 0 auto;
padding: 0 10px;
}
.texto {position: relative;
top: -50%;
display: block;
height: 400px;
width: 900px;
margin: 0 auto;
border: 1px solid #0f0;
}
</style>
</head>
<body>
<div id="caja">
<div class="centrado" style="*position: absolute;*top: 50%;">
<span class="texto">
Texto de prueba, más texto de prueba, otro texto de prueba y el último texto de prueba
</span>
</div>
</div>
</body>
</html>