sectarios de mierda
tengo gran cabreo con vosotros por la siguiente razon, cada vez que pregunto ¿como centro un div verticalmente en pantalla? me poneis un enlace a nosecuantas paginas donde ademas de hacer una centrado vertical, hay mil virguerias mas, con lo que no solo me tiro mas de media hora para averiguar que pertenece a cual sino, que empiezo a borrar para dejar la cosa clarita y de repente llega un momento en el que no funciona nada y ale a volver a empezar. con lo que teoricamente no se me va a olvidar cuando aprenda pero hasta la fecha lo unico que consigo es perder media hora, retrasar la inmensa cola de trabajo que tengo pendiente, y al final tirar de tablas de nuevo.
¿POR FAVOR ALGUIEN PUEDE PONERME UN EJEMPLO DE 1 SOLO DIV, SIN NINGUN OTRO ATRIBUTO MAS DE LOS NECESARIOS PARA CENTRAR UN PUTO DIV VERTICALMENTE EN PANTALLA?¿SI, GRACIAASSS? :X
y si para colmo me da una explicacion, a nivel de niño de 6 años de porque el align:center no funciona, y como se llega a la conclusion de que hay que hacer, lo que sea que haya que hacer para que un div se centre en pantalla, ya me hace un rey.
mientras voy a pegarme con los 40 clientes que me estan llamando por telefono preguntando porque su web no esta lista, a ver como les cuento que si el css, que si el valor añadido que si los estandares y que si las maquinas de busqueda.............(tocate los huevos)
lute3d
aqui otro de la secta con tus mismas exigencias hartum!!! ;-)
es más, yo creo que me conformaría con un ejemplo con 2 divs!!! jaajaja
meddle
<code>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<link rel="stylesheet" type="text/css" media="screen, tv" href="centrar.css" id="csscentrado" />
</head>
<body>
<div id="wrapper">
texto
</div>
</body>
</html>
</code>
(imprescindible lo de añadir media e id)
en el centrar.css puedes tener algo como:
<code>#wrapper {
position:absolute;
top:50%;
left:50%;
width:400px;
height:300px;
margin-left:-200px;
margin-top:-150px;
background:gray;
}</code>
y cuando hayas presentado el currito, te lees esto:
http://www.tierradenomadas.com/tw003.phtml
:)
hartum
MI, LA, GRO!!!!!!!!!!!!!!!!!!!!!!!!
A, LE, LU, YAAAAAAAAAAAAAAAAAAAAAAAA!!!!!!!!!!
y gracias
lute3d
vale... es que me he picado....
supongo que estarás al tanto de esto hartum, si no pues ahí va una utilidad 'incompleta'
...
utiliza vertical-align:center que actua sobre el alto de la línea y no el de la caja que lo contiene
este ejemplo solo vale cuando es una linea sola,
ya que cambiamos el line-height, y además para height fijos...
menuda macarrada!!! jajajaja, pero bueno, algo es algo...
<html>
<head>
<title>test valign</title>
<style>
div {
height: 200px;
border:1px solid black;
vertical-align:center;
line-height: 200px;
}
</style>
</head>
<body>
<div>
texto centradito
</div>
</body>
</html>
ale, a seguir con la investigación....
helenp
HARTUM
¿como centro un div verticalmente en pantalla? me poneis un enlace a nosecuantas paginas donde ademas de hacer una centrado vertical, hay mil virguerias mas, con lo que no solo me tiro mas de media hora para averiguar que pertenece a cual sino, que empiezo a borrar para dejar la cosa clarita y de repente llega un momento en el que no funciona nada y ale a volver a empezar. .
y si para colmo me da una explicacion, a nivel de niño de 6 años de porque el align:center no funciona, y como se llega a la conclusion de que hay que hacer, lo que sea que haya que hacer para que un div se centre en pantalla, ya me hace un rey.
Jeje, regla numero uno, haga una copia de la página y no trabaje con el original........
lo de margin:auto, al igual porque no tenia el dtd (eso me pasó a mi)
fijate en lo que te ha puesto meddle:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
meddle
margin:auto centra horizontalmente
me voy a comer
helenp
meddle
margin:auto centra horizontalmente
me voy a comer
no me fijé..............
lo siento, pero me parece que hartum en posts anteriores tenía problemas para centrar horizontalmente.
Leo demasiado rapido. :)
que aproveches
ikgoru
Pero este codigo no funciona en IE explorer de Mac.
Ya siento postear una pega y no una solución, pero es q no se arreglarlo.
meddle
no se puede tener todo y querelo en 5 minutos. para una solucion ideal estan todas las discusiones que se han tenido aqui en dmstk sobre centrados verticales... pero el lo queria rapido, asi que quien lo quiera hacer para IE/mac (que se joda IE/mac por malo) que lea, que lea... :)
txuma
... de acuerdo con meddle (el CIPC tiene que estar siempre unido)
... pero este post es más que nada por recordar a ikgoru, que los avatares tienes que ser de 32 x 32. ;)
Un saludo
Usuario desconocido
Eso de los avatares de 32x32 también va por Hartum...
txuma
cierto, cierto... a ver, ese perrete malo... que empiece a encoger el avatar.
ikgoru
Encogido, no me había quedado con lo de los 32 x 32.
bueno de paso lo he cambiado, no se si me convence pero lo dejaré de momento.
orange
meddle
"en el centrar.css puedes tener algo como ...."
JUAS! ... casi que me meo toa al ver la solución ... rajaooooooooo
:P
Lo que diría meddle con ganas, es que para hacer eso useis javascript
meddle
si, pero ese ejemplo lo puse yo. como el chico tenia taaaanta prisa :)
orange
jeje ... lo sé ... era por meterme contigo, porque siempre que ponemos esa forma de centrado saltas
JUAS!
:P
meddle
ya... en realidad creo que lo que odio son las capas centradas verticalmente, no el metodo en si :)
cbp
¿qué pasa con las capas centradas verticalmente? :(
hartum
po zi tenia prisa y al final y despues de la que he montado he tenido que mandarlo a la mierda y tirar de tabla pero ya me he quedado con la idea de como funciona, y aunque para paginas 'pofesionales' no tenga aun soltura con las capas, en mis proyectos personales ya estoy empezando a usar esta maquetacion y no es tan traumatica.
Por cierto orange el script para asignar tareas que te envie y que seguro que aun no has mirado ya tiene los bugs solucionados y la nueva maquetacion esta hecha con divs, pero si te interesa y te esperas, te mando la version chachi pilongui deluxe.
Y me reafirmo en que sois unos sectarios de mierda.http://www.hartum.com/careto5.gif
orange
hartum
"Por cierto orange el script para asignar tareas que te envie y que seguro que aun no has mirado ya tiene los bugs solucionados y la nueva maquetacion esta hecha con divs, pero si te interesa y te esperas, te mando la version chachi pilongui deluxe"
Como me conoces .... tu manda manda, aunque creo que aun pasará alguna versión más hasta que pueda echarle un ojo
:P