[SOLUCIONADO] Problema con un borde

[miriamgomez]

Hola:

para plantearos mi problema lo he reducido para explicarme mejor:

Ando insertando unas tablas en un div, pero no hay manera que la imagen no se separe del los bordes del div, es como si tuviera una cantidad predefinida. Os Adjunto una imagen:


El div en cuestion tiene ese fondo naranja de la imagen, que no deberia de aparecer.

Os paso el css;

Código CSS:

body {
 
margin: 58px;
background-color:#903
}
#anuncio {
    position: relative;
    left: 55px;
    width:840px;
    height: 200px;
    align:center;
    overflow: hidden;
    
    background-color:#F60;
    margin-bottom:20px
 
 
 
}
 

Aqui os dejo la url del ejemplo:

http://crownschool.es/prueba.php

A mi me trae ce cabeza ya no se por donde tirar, espero vuestra ayuda y gracias por adelantado

[tonigomila1988]

Hola miriamgomez:

Es obligatorio que este ese fondo naranja?

Por que si no es necesario, solo tienes que quitarlo y ya estará solucionado.

Un saludo.

[miriamgomez]

Hola:

ya lo pense, pero quiero saber que hago mal.

Tiene que tener una solucion mas "técnica"

Un saludo

[tonigomila1988]

Tienes un border_spacing: 2px;

Yo lo he quitado y se va la gran parte del color naranja.

Lo que no entiendo es por que creas una table dentro del div y colocas la imagen dentro del table.

Es posible que tengan que ir mas elementos dentro de esa table? Si no es así, estas poniendo código de más

[miriamgomez]

Pero donde estas ese border_spacing: 2px;, lo he visto, pero no esta en mi hoja de estilo.

Un saludo y gracias

[pzin]

Prueba haciendo:

Código CSS:

table {
  border-collapse: collapse;
  border-spacing: 0;
}
 
td {
  padding: 0;
}
 

Aunque yo lo veo un poco cargado poner tropecientos mil elementos para una imagen.

[C2am]

Estoy con pzin, para que tantos contenedores para una imagen, es como la broma del regalo en una caja muy grande y dentro varias cajas.

Otra observación: tienes un error ortográfico en la imagen "disposicón".

Saludos

[pzin]

Iniciado por C2am

es como la broma del regalo en una caja muy grande y dentro varias cajas.

Diseño web matrioska.

[miriamgomez]

Gracias a todos por vuestros consejos¡¡¡¡

[tonigomila1988]

Ya he visto la página y se ve que se ha arreglado todo perfectamente. Estupendo :)