centrar web

Pirat3net · 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;
}

#!drvy · 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

Pirat3net · 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

Test Foro de elhacker.net SMF 2.1

centrar web

Pirat3net

#!drvy

Pirat3net