Foros del Web » Creando para Internet » CSS »

Problemas al centrar pagina... "div's"

Estas en el tema de Problemas al centrar pagina... "div's" en el foro de CSS en Foros del Web. Hola, os cuento, estoy con una web, i no se me centra la pagina (contenedor) en el centro de la pantalla. He creado un div ...
  #1 (permalink)  
Antiguo 04/03/2009, 08:45
(Desactivado)
 
Fecha de Ingreso: marzo-2008
Ubicación: España
Mensajes: 260
Antigüedad: 9 años, 9 meses
Puntos: 2
Problemas al centrar pagina... "div's"

Hola, os cuento, estoy con una web, i no se me centra la pagina (contenedor) en el centro de la pantalla.

He creado un div de toda la pantalla (width:100%) el cual tendra el fondo de color vrerde suave. Y ahora tengo que crear otro contenedor que va ser donde ira la web, llamado (contenedor) donde dentro de este tiene que ir el encabezado, menu, contenido y pie) El caso es que el contenedor este me queda a la izquierda, y yo lo quiero centrado.

No me acuerdo como era para centrarlo... haver si me podeis hechar un cable.

Saludos
  #2 (permalink)  
Antiguo 04/03/2009, 09:20
 
Fecha de Ingreso: septiembre-2008
Ubicación: En algun sitio del CyberSpacio
Mensajes: 150
Antigüedad: 9 años, 2 meses
Puntos: 2
Respuesta: Problemas al centrar pagina... "div's"

porque el contenedor tiene que tener un widht fijo, y tener margenes automáticos, así:

Código HTML:
#contenedor {
widht:1003px; /*widht perfecto para resolucion de 1024*/
margin:0px auto;
}
__________________
Visita la mejor web: http://infoadictos.net
  #3 (permalink)  
Antiguo 04/03/2009, 09:24
(Desactivado)
 
Fecha de Ingreso: marzo-2008
Ubicación: España
Mensajes: 260
Antigüedad: 9 años, 9 meses
Puntos: 2
Respuesta: Problemas al centrar pagina... "div's"

Haver, yo lo tengo asi...


div#cuerpo{
width:100%;
*width:100%;
height:100%;
*height:100%;
background:#ddf4d9;
margin:0px auto;
padding-top:2px;
padding-bottom:2px;
padding-left:0px;
padding-right:0px;
margin-top:0px;
border: 0;
}

div#contenedor{
width:901px;
*width:901px;
height:100%;
*height:100%;
text-align: center;
margin-top:1px;
*margin-top:2px;
margin-bottom:1px;
*margin-bottom:2px;
margin-left:0px;
margin-right:0px;
background:#1d271b;
}

El "cuerpo" es el fondo, que lo tengo a pantalla completa... el contenedor que es donde va ir la web lo tengo a 901px.

Que tengo mal?

Saludos
  #4 (permalink)  
Antiguo 04/03/2009, 09:38
 
Fecha de Ingreso: enero-2008
Mensajes: 133
Antigüedad: 9 años, 10 meses
Puntos: 1
Respuesta: Problemas al centrar pagina... "div's"

Hola idro
en el div contenedor no has puesto el margin:0 px auto ,que es el que te interesa centrar.
  #5 (permalink)  
Antiguo 04/03/2009, 09:44
(Desactivado)
 
Fecha de Ingreso: marzo-2008
Ubicación: España
Mensajes: 260
Antigüedad: 9 años, 9 meses
Puntos: 2
Respuesta: Problemas al centrar pagina... "div's"

Si es que lo sabia, mira que no me fije en esa tonteria...

Ya que estoy, tengo otro problemilla, y es que yo en los encabezados me gusta poner la imagen como "link" al index.html, como casi todas las webs, que clicas en el titulo o encabezado y te vuelve a "inicio". El problema es que en firefox no tengo ese problema, pero en el dichoso explorer si... y me sale el borde en la imagen que me hace de link tambien.

Los codigos que tengo son estos:

a:hover{
text-decoration:none;
*text-decoration: none;

}
a:link{
color:#ffffff;
*color:#ffffff;
text-decoration:none;
*text-decoration:none;

}
a:visited{
color:#ffffff;
*color:#ffffff;
text-decoration:none;
*text-decoration:none;
}

edito: bueno da igual, no lo voy a poner, que se me descompone en el firefox y todo... mejor quito eso de que la cabezera me haga de "link" al "idenx.html"

Saludos!!

Última edición por idro; 04/03/2009 a las 10:15
  #6 (permalink)  
Antiguo 04/03/2009, 10:15
 
Fecha de Ingreso: enero-2008
Mensajes: 133
Antigüedad: 9 años, 10 meses
Puntos: 1
Respuesta: Problemas al centrar pagina... "div's"

creo que se soluciona con border:0px en el img
  #7 (permalink)  
Antiguo 04/03/2009, 10:18
(Desactivado)
 
Fecha de Ingreso: marzo-2008
Ubicación: España
Mensajes: 260
Antigüedad: 9 años, 9 meses
Puntos: 2
Respuesta: Problemas al centrar pagina... "div's"

Es igual, no lo pongo porque me da problemas... lo quito y yasta.

Gracias!

Saludos
  #8 (permalink)  
Antiguo 04/03/2009, 10:25
 
Fecha de Ingreso: enero-2008
Mensajes: 133
Antigüedad: 9 años, 10 meses
Puntos: 1
Respuesta: Problemas al centrar pagina... "div's"

hombre la finalidad es hacer funcionar las cosas y si quieres una imagen que sea link sin marco prueba esto:
<a href:"ruta"><img:"ruta img" style="border:0px">
  #9 (permalink)  
Antiguo 04/03/2009, 10:28
(Desactivado)
 
Fecha de Ingreso: marzo-2008
Ubicación: España
Mensajes: 260
Antigüedad: 9 años, 9 meses
Puntos: 2
Respuesta: Problemas al centrar pagina... "div's"

Ok, lo provare de todos modos...

Ota cosa, no sabras como se llama el plugin o herramienta de firefox que sirva para medir los "div's" o cualquier cosa (encabezados, menus...) que una vez instalado se situa abajo a la esquina izquierda? es un pequeño recuadro, que cuando lo pulsas, con el boton derecho del raton, arastas y te va midiendo lo que tu vas arrastrando...

No me acuerdo de como se llama.

Saludos
  #10 (permalink)  
Antiguo 04/03/2009, 11:47
(Desactivado)
 
Fecha de Ingreso: marzo-2008
Ubicación: España
Mensajes: 260
Antigüedad: 9 años, 9 meses
Puntos: 2
Respuesta: Problemas al centrar pagina... "div's"

YASTA!!! al fnial si lo he conseguido..!!! lo vi en otras web que tengo de prueva.

En la hoja de estilo he puesto:

img{
border:none;
}

Y esto va para todas las imagenes.

Saludos!!!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:25.