me sale el contenido corrido, ¿por que?

Most · #1 (**permalink**) 24/04/2011, 17:33

Hola, resulta que estoy pasando el diseño en photoshop a html + css, bien pues tengo 1 problema, el cuerpo de la web se me corre para al lado derecho un poco, asi:

El codigo del CSS lo tengo asi:

Código CSS:

Ver original#cuerpo {
    background:url(cuerpo.png) repeat-y;
    height: auto;
    width: 932px;
    margin: 0 auto;
}

Espero que alguien me pueda ayudar.
Saludos.

ZoroRoronoa · #2 (**permalink**) 24/04/2011, 18:42

pues no te puedo ayudar muy bien, por que no pones la imagen y el codigo html.

por que veo que pones en el ancho (width) 932px.
y es por eso que sale corrido.

y no podria darte una respuesta concreta, ya que pudiera ser, que los metas en otro contenedor y le des la propiedades necesarias.

o que el #cuerpo le pongas otro ancho, etc... son varias respuestas.
Asi que pon el codigo

Most · #3 (**permalink**) 25/04/2011, 07:03

pero el ancho debe de ser ese ya que es el tamaño de la imagen de cuerpo....

Most · #4 (**permalink**) 25/04/2011, 13:55

Cita:

Iniciado por ZoroRoronoa

pues no te puedo ayudar muy bien, por que no pones la imagen y el codigo html.

por que veo que pones en el ancho (width) 932px.
y es por eso que sale corrido.

y no podria darte una respuesta concreta, ya que pudiera ser, que los metas en otro contenedor y le des la propiedades necesarias.

o que el #cuerpo le pongas otro ancho, etc... son varias respuestas.
Asi que pon el codigo

Te lo pongo todo aqui:

HTML:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<LINK href="imagenes/css.css" rel="stylesheet" type="text/css">
<title>Documento sin título</title>
</head>
 
<body>
<div id="cabecera">
<div id="cabecera_img"></div>
</div>
<div id="cuerpo" align="center">
AQUI IRA TODO EL CONTENIDO
</div>
</body>
</html>

CSS:

Código CSS:

Ver original@charset "utf-8";
/* CSS Document */
 
#cabecera {
    background: #9b0000;
    width: auto;
    height: 39px;
    border-bottom: #cc6767 2px solid;
}
 
#cabecera_img {
    background: url(cabecera.png);
    width: 1024px;
    height: 40px;
    margin: 0 auto;
}
 
body
{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
 
 
#cuerpo {
    background:url(cuerpo.png) repeat-y;
    height: auto;
    width: 932px;
    margin: 0 auto;
}

IMAGEN:

C2am · #5 (**permalink**) 25/04/2011, 17:46

Si no entendí mal quieres que el cuerpo coincida con la cabecera¿?
Sí es así tendrías que dale el mismo ancho a la cabecera que al cuerpo, de manera que cuando se centren coincidan. Y no te olvides que debes tener en cuenta: padding, margin, border y el width especificamente.
Saludos

ZoroRoronoa · #6 (**permalink**) 25/04/2011, 19:41

Acerca de tu codigo (este):

Código CSS:

Ver originalbody
{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;

Creo que es suficiente con que pongas:

body {margin:0;}

Saludos :)

R762 · #7 (**permalink**) 25/04/2011, 21:40

Por que no intentas piniendo esto a tu contenedor principal para que este sea centrado por el navegador

#contenedor{
width: 922px; /*Ancho de tu web*/
margin: 0 auto;
}