Centrar contenido

tallara · #1 (**permalink**) 26/01/2009, 02:19

Hola

Tengo un problema que soy incapaz de centrar el con tenido de un form, e intentado con div y otras cosas y no lo he consiguido, alguien me puede aconsejar algo? os pongo parte del codigo aki abajo.

Código:

<html>
	<head>
		<title>XXXXXXXXXXXXXXXXX</title>
		<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
		<meta content="Visual Basic .NET 7.1" name="CODE_LANGUAGE">
		<meta content="JavaScript" name="vs_defaultClientScript">
		<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
        	</HEAD>
	        <body style="TEXT-ALIGN: center; left: 0px; width: 0px; position: absolute; top: 0px; height: 0px;" bgColor="#000000" bottommargin="0" leftmargin="0" nowrap="noWrap" rightmargin="0" topmargin="0">
		    <center><form id="Form1"  method="post" runat="server" style="z-index: 0; left: 0px; position: absolute; top: 48px">

Aresillo · #2 (**permalink**) 26/01/2009, 02:28

especificando en el estilo un ancho fijo ...width: "xxx"px; y despues poniéndole margin:auto, se centra solo..

Ares

tallara · #3 (**permalink**) 26/01/2009, 02:37

No se si lo hice bien como tu dices, pero no me hace caso, mira te dejo la dire de la web aki y mirar el codigo.

http://www.hellraiser-uldum.es/

Gracias por responderme.

Aresillo · #4 (**permalink**) 26/01/2009, 02:57

EDITO 2: pongo el enlace que me da rabia tener que copiarlo y pegarlo!: http://www.hellraiser-uldum.es/

Exactamente que quieres centrar de la web...porque el contenido de la dirección que me das está centrado

Ares
EDITO: perdón ya sé a lo que te refieres... ahora te digo

Aresillo · #5 (**permalink**) 26/01/2009, 03:02

Quítale el <center> que tienes puesto ahora y en su lugar pon esto:

<div style="width:950px; margin:auto;"

aquí todo el contenido que tienes y al final pones esto:

</div>

A la página habría que darle un repaso en general porque hay muchos errores... pero eso ya depende de tí...

Ares

tallara · #6 (**permalink**) 26/01/2009, 03:56

He puesto como tu me has dicho, eso ya lo habia probado antes y no me funciono, no se si hago algo mal pero casi lo he intentado todo y no hay manera de que se ajuste al centro siempre, sobre lo que dice que hay errores en la pagina, en mi editor no me sale ninguno si ves alguno por favor dime cual es para corregirlo.

Gracias por tu ayuda.

Mikmoro · #7 (**permalink**) 26/01/2009, 04:05

Un documento HTML sin doctype no se centra en IE6. Un elemento de cualquier tipo con posición absoluta no se puede centrar con margen auto.

tallara · #8 (**permalink**) 26/01/2009, 04:25

Mikmoro he intentado corregir todo lo que has dicho, no se si lo he hecho bien, pero no se me centra y ademas me come parte de las imagenes de arriba,

Gracias por tu paciencia.

Aresillo · #9 (**permalink**) 26/01/2009, 04:28

pues lo cierto es que como comentaba antes, la web es un poco desastre... de ahí que cuesta hacer algo...

Mik, no se puede hacer que sean absoluto respecto a un contenedor padre??

Ares

tallara · #10 (**permalink**) 26/01/2009, 04:34

Pues no se lo que esta mal, el editor que uso el el visual studio 2005 y no me sale ningun error, el editor esta orientado a objetos y yo los coloco en un sitio y el me genera el codigo, y el problema es que no consigo que se ajuste al centro nada.

Aresillo · #11 (**permalink**) 26/01/2009, 04:39

el problema es que un programa te genera un código... y normalmente, esa provoca bastante problemillas porque como hecho a mano nada...
Te suele meter mucha paja por medio...
ya vemos que podemos hacer...

Ares

tallara · #12 (**permalink**) 26/01/2009, 05:08

Weno, pos ya lo he editado a mano y he cerrado las etiquetas, espero que este mejor ahora, pero sigo sin poder verlo centrado.

Mikmoro · #13 (**permalink**) 26/01/2009, 05:29

Cita:

Iniciado por Aresillo

Mik, no se puede hacer que sean absoluto respecto a un contenedor padre??

Sí, claro, a lo que me refiero es precisamente al contenedor padre, que si tiene posición absoluta no se centrará con auto.

En este caso:

- elimina el width: 0 de body
- añade al contenedor un position: relative, y cambia el width que has puesto ahora por width: 1024px.

Con eso se debe centrar correctamente. Prueba y nos dices.

tallara · #14 (**permalink**) 26/01/2009, 05:39

A ver no se si lo he hecho bien,

He eliminado de Body - width: 0

El contenedor se supone que es div? si es asi le he puesto relative.
He cambiado el width de div por 1024.

eso fue lo que entendi si es asi no se ha centrado.

tallara · #15 (**permalink**) 26/01/2009, 05:44

Bien, ya lo hemos conseguido, he quitado "position: absolute;" de Form y se ha corregido bien, ahora solo falta que se muestre mas abajo.

Aresillo · #16 (**permalink**) 26/01/2009, 05:44

yo la veo ya centrada...

Ares

Aresillo · #17 (**permalink**) 26/01/2009, 05:47

Metele al body esto:

Cita:

margin-top:85px;

Ares

tallara · #18 (**permalink**) 26/01/2009, 05:51

Muchas gracias por vuestra ayuda, Aresillo y Mikmoro.

Aresillo · #19 (**permalink**) 26/01/2009, 05:52

De nada!

Aresillo!!

Mikmoro · #20 (**permalink**) 26/01/2009, 05:53

No, no se ve centrada realmente. Al div contenedor yo le daría como dice Ares un margen superior y reduciría el ancho entre 944 o 954px, probando hasta que quede exactamente centrado

<div style="margin: 80px auto; position: relative; width: 954px;">

EDITO: ah, llego tarde. Pues de nada. Saludos.

tallara · #21 (**permalink**) 26/01/2009, 06:26

jejeje si me di cuenta yo tambien al mirarlo que la veia un poquito de lado pero ya la corregi bien,

Muchas gracias