[SOLUCIONADO] Quitar los márgenes de un contenedor

blancoarnau · #1 (**permalink**) 08/03/2014, 09:42

Hola, muy buenas. Estoy trabajando en un proyecto pero SIEMPRE tengo problemas con temas de posicionamiento en CSS. El caso es que en un contenedor cuadrado quiero que una imagen esté en el punto 0,0 del contenedor, NO quiero que aparezcan con el padding por defecto. He probado poniendo el "padding" a cero, el "margin" también, pero nada de nada. ¿Me podríais ayudar? Tened en cuenta que la imagen ocupa el 100% de anchura del contenedor.

Muchas gracias

heinzy · #2 (**permalink**) 08/03/2014, 09:53

Mira de aplicarle el reset css, por ejemplo de Eric Mayer, lo puedes encontrar en la web.
Eso te reseteara todos los elementos css por defecto de los navegadores.
Yo lo aplico a cada pagina..

Salu2

blancoarnau · #3 (**permalink**) 08/03/2014, 09:59

Hola. He buscado esto en internet y lo he aplicado pero me ha pasado una cosa que me ha frustrado. Todo se ha desposicionado (evidentemente porque los valores por defecto se han eliminado) pero el error ha permanecido ahí. Había (y sigue habiendo) un pequeño margen en la imagen. ¿Qué debo hacer? ¿Existe alguna solución?

heinzy · #4 (**permalink**) 08/03/2014, 14:28

Pasa el codigo html y css haber lo que puedo hacer,

Salu2

alzacon · #5 (**permalink**) 08/03/2014, 14:49

explica lo de margin en la imagen

mrcarnelli · #6 (**permalink**) 08/03/2014, 15:08

pasa los códigos así te podemos ayudar

blancoarnau · #7 (**permalink**) 08/03/2014, 15:37

Código CSS:

Ver original*{
margin:0 auto 0 auto;
}
#pantalla{
width:650px;
height:500px;
border-style:solid;
margin-top:5px;
background-color:#0F0F0F;
padding:0 0 0 0;
}

Código HTML:

Ver original<body>
    <div id="pantalla"><img src='borde1.png' alt='pared1' style='width:100%;'>
<img src='borde2.png' alt='pared2' style='width:100%;'>
</div>
</body>

pzin · #8 (**permalink**) 09/03/2014, 14:29

Eso de:

Código CSS:

Ver original*{
margin:0 auto 0 auto;
}

Es una burrada. Deja algo así mejor:

Código CSS:

Ver original* {
  margin: 0;
}

Luego el único margen que quedaría sería el de div#principal, ese margen desde la altura.

En CSS no existen coordenadas cartesianas, luego "el punto 0,0" es conceptualmente erróneo.

blancoarnau · #9 (**permalink**) 09/03/2014, 14:37

Hola. Gracias por contestar. Lo he probado y se me queda igual. He probado de eliminar el text-align:center pero tampoco funciona. ¿Alguna idea?

Ah espera. Ya vi el error. Es la imagen que tiene un trozo transparente... Jejeje, qué tontería pues...

Muchas gracias a todos igualmente.