se me parte el logo y el contenido

Most · #1 (**permalink**) 05/07/2010, 13:16

por que se me parte el logo del contenido al usar margin-top...?

se me queda asi:

el css lo tengo asi:

Código CSS:

Ver original.bloque_centro {
    background-image:url(contenido_grande.png);
    height: 324px;
    width: 777px;
    margin-top: 20px;
    margin-left: 20px;
}

TheDark03 · #2 (**permalink**) 05/07/2010, 13:48

quitale el margin-top:20px; y se soluciona

Most · #3 (**permalink**) 05/07/2010, 14:04

el problema es k necesito margin top para que no este pegado arriba..

TheDark03 · #4 (**permalink**) 05/07/2010, 14:07

entonces no entiendo q es lo q kieres hacer ... explica bien lo q deseas hacer y cuantos div hay en tu imagen de muestra..

Most · #5 (**permalink**) 05/07/2010, 14:33

pues eso, necesito usar el margin top, para que no salga arriba pegado del todo, los divs tengo 2, 1 para meter el contenido, y otro para el bloque que sale en la imagen...

aqui dejo el codigo, por si no me entiendes aver si asi:

Código CSS:

Ver original@charset "utf-8";
/* CSS Document */
body {
    margin-top: 0px;
    margin-bottom: 0px;
    background-image:url(fondo.png);
    background-attachment:fixed;
}
.contenedor {
    height: 555px;
    width: 1002px;
    margin-right: auto;
    margin-left: auto;
}
.encabezado {
    background-image:url(encabezado.png);
    height: 85px;
    width: 1002px;
}
.contenido {
    background-image:url(fondo_contenido.png);
    height: 450px;
    width: 1002px;
}
.bloque_centro {
    background-image:url(contenido_grande.png);
    height: 324px;
    width: 777px;
    margin-top: 20px;
    margin-left: 20px;
}
.pie {
    background-repeat:no-repeat;
    background-image:url(pie.png);
    height: 27px;
    width: 1004px;
    margin-left: 3px;
}

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>
<link href="imagenes/css.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
 
<body>
<div class="contenedor">
<div class="encabezado"></div>
<div class="contenido">
<div class="bloque_centro"></div>
</div>
</div>
<div class="pie"></div>
</div>
</body>
</html>

TheDark03 · #6 (**permalink**) 05/07/2010, 15:22

Hola copie tu codigo y solo encontre unos desajustes x los espacios en blancos pero nadamas y lo probe y aka te lo reenvio...

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" />
<title>Documento sin t&iacute;tulo</title>
<style>
.contenedor{min-height:555px;width:1002px;margin:0 auto;border:1px solid #006633;}
.encabezado{background-image:url(encabezado.png);min-height:85px;width:1002px;border:1px solid #000000;}
.contenido{background-color:#FF0000;min-height:450px;width:1002px;border:1px solid #000000;}
.bloque_centro{background-color:#FF0000;min-height:324px;width:777px;margin-top:20px;margin-left:20px;border:1px solid #000000;}
.pie {float:left;background-color: #0099FF;min-height:20px;width:1002px;border:1px solid #000000;}
</style>
</head>
<body>
<div class="contenedor">
<div class="encabezado"></div>
<div class="contenido">
<div class="bloque_centro"></div>
</div>
<div class="pie"></div>
</div>
 
</body>
</html>

al probarlo solo me salia una linea de color negro pero esto se debe q en tu css habian muchos espacios en blancos :S...

espero q te haya sido de ayuda Saludos ya lo probe como deseas... una cosa mas si tu browser es IE6 entons verifica q t iagen no sea mas grande q tu div bye

jomaruro · #7 (**permalink**) 05/07/2010, 16:07

Hola:

Cita:

Iniciado por TheDark03

una cosa mas si tu browser es IE6 entons verifica q t iagen no sea mas grande q tu div bye

¡Cada día es más difícil entender el idioma que escribís!

Saludos.

TheDark03 · #8 (**permalink**) 05/07/2010, 16:41

Cita:

Iniciado por jomaruro

Hola:

¡Cada día es más difícil entender el idioma que escribís!

Saludos.

Saludos disculpa pero es q mi teclado esta algo duro y la verdad generalmente escribo bien solo q a veces se me da por escribir quitando letras XD... gracias por la recomendacion jomaruro... tratare de corregirme

Most · #9 (**permalink**) 05/07/2010, 16:59

Ok, thedark03 solo tenia que poner 1 borde en el div contenido y se a arreglado solo..

forwebblr · #10 (**permalink**) 06/07/2010, 02:22

A mi tb me ha pasado alguna vez esto y con un borde lo solucionaba.

De todas formas has probado a darle padding-top al div de debajo en lugar de margin-top, si se arregla, así sería mas correcto.

Wasper · #11 (**permalink**) 06/07/2010, 03:03

Margin es el margen entre div, por lo que quedara como te ha pasado, padding es el relleno y va por dentro del div, de esta manera lo que hace es separar el contenido del margen del div... si eso es lo que quieres, debes usar padding en lugar de margin como dice forwebblr

Most · #12 (**permalink**) 06/07/2010, 15:22

voy a probar...