estuve buscando y la verdad que ninguna de las soluciones q ofrecen me sirve :x
a daphyre dice que se hace con margin:auto 0; (o era 0 auto? de todas formas probe las 2) otros dicen que margin:25% auto; text-align:center;
ninguna me funciona correctamente, la de auto 0 no hace absolutamente nada
y la de 25% auto hace que la imagen comience a los 25%, no que su punto medio este a los 25%
por lo cual se me ocurrio que poniendo 17% deberia centrarse, lo cual CASI (no es exacto pero habia quedado conforme) hace pero....
al poner 17%, en resoluciones chicas (1024*768), me genera un scroll vertical que no es necesario ya que es la unica imagen en la pantalla y es bastante mas chica que cualquier resolucion (511*340)
esta es la url:
www.modthis.org
y el codigo es bastante simple
Código:
body {
background:url(backindex2.png) no-repeat fixed center bottom;
background-color:#000;
}
#container {
margin:17% auto;
text-align:center;
}
Código:
<body>
<div id="container">
<img src="welcomesss.png" width="511" height="340" alt="Welcome" />
</div>
</body>
se que esto se pregunto 10mil veces, la verdad me da cosa preguntar denuevo. pero nada de lo que hago centra de verdad el div :/
kpas que me esta faltando algo y no me doy cuenta, perdonen y gracias
SOLUCION: (no funciona en IE6)
cambio el titulo y pongo el codigo por las dudas si alguien busca lo mismo que yo:
Código:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MODthis!org - SOON</title>
<style type="text/css">
<!--
body {
background-color:#000;
background:url(Images/backindex.png) no-repeat fixed center bottom; background-color:#000;
}
html, body {
margin:0;
padding:0;
height: 100%;
width: 100%;
text-align: center;
}
#frame {
margin: auto;
display: table;
height: 100%;
}
#container {
display: table-cell;
vertical-align: middle;
}
</style>
</head>
<body>
<div id="frame">
<div id="container">
<img src="Images/welcomesss.png" width="511" height="340" alt="Welcome" />
</div>
</div>
</body>
</html>