Test Foro de elhacker.net SMF 2.1

Programación => Desarrollo Web => Mensaje iniciado por: Pirat3net en 3 Diciembre 2012, 18:03 PM

Título: centrar web
Publicado por: Pirat3net en 3 Diciembre 2012, 18:03 PM
bueno el tema esque siempre eh usado el mismo esquema inicial para hacer mis webs, el caso es es una div llamada general que engloba todo el <body>

para la ultima web que hice tube que englobar a general en otra capa para hacer un efecto sombra quedando algo asi
<body>
<div id=general>
<div id=generalfondo>
pagina web
</div>
</div>
</body>

el caso es que ahora voy a quitar mi efecto sombra quedandome con solamente la capa id=general, y la sorpresa es que se me alinea hacia la izquierda la web xD xD

dejo el codigo css

Código (css) [Seleccionar]
#generalfondo {
width:1044px;
height:auto;

background-image: url(objetos/borde2.jpg);
background-repeat: no-repeat;
background-position: left top;
border-right-style: none;
border-right-width: medium;
border-right-color: #000;
border-bottom-width: medium;
border-top-style: none;
border-bottom-style: none;
border-top-color: #000;
border-bottom-color: #000;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
position: relative;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 20px;
margin-top: 25px;
}

#general {
width:1024px;
height:auto;




background-image:fondogeneral.png ;
background-repeat: no-repeat;
background-position: center top;
position: relative;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: none;
border-right-style: ridge;
border-bottom-style: ridge;
border-left-style: none;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 50px;
padding-left: 0px;
}
Título: Re: centrar web
Publicado por: #!drvy en 3 Diciembre 2012, 18:19 PM
Hola,

Deberias mirar las maneras cortas de declarar propiedades css. De la manera de la que lo haces, creas muchas lineas innecesarias.

Sobre tu problema, la propiedad "generalfondo" tenia margin:auto; mientras que la "general" no.

Código (css) [Seleccionar]
#general {
width:1024px;
background:url('fondogeneral.png') no-repeat center top;
position: relative;
border:#000 medium ridge;
border-top-style:none;
border-left-style:none;
margin: 0px auto 0px auto;
padding:0px 0px 50px 0px;
}


Saludos
Título: Re: centrar web
Publicado por: Pirat3net en 3 Diciembre 2012, 18:32 PM
maneras cortas eh....  primera noticia de que existen xD, despues gogleo a ver que me enseña la red