IE no elimina margenes

[PosProdukcion]

Hola, tengo una capa sin margenes, una tabla que forma un menu sin margenes, y un logo sin margenes colocados como se ve en la imagen, el fondo azul corresponde al fonde de la capa y la linea roja que asoma debajo del menu es el fondo de la tabla



Necesito que el logo aparezca pegao al menu y que la tabla no deje el pequeño espacio rojo de abajo, en firefox y opera esta correcto, pero en IExplorer 6 se ve como muestra esta foto

Os pongo el codigo, como veis esta un poco redundante lo de #imgLogo, pero es para asegurarme de que no deja nada, lo puedo quitar y se queda igual...

Código:

#divCabecera
{
    display: inline;
    float: right;
    width: 672px;
    padding-top: 22px;
    background-color: blue;
}

#divCabecera *
{
    margin: 0;
    padding: 0;
}

#imgLogo
{
    position: relative;
    bottom: 0px;
    left: 0px;
    margin: 0px;
}


#botoneraMenu
{
    background-color: red;
}

Y en HTML:

    <div id="divCabecera">
            <img id="imgLogo" src="imagenes/logo.jpg" />

            <table id="botoneraMenu"><tr>
              etc etc..........
           </tr></table>
        </div>

Ayuda por favor
Gracias

[Disaigner]

Anula el padding de 22px del divCabecera, ya que Opera y Firefox (se lo comen) no le hacen caso y Explorer si. y es ese "Overflow" lo que genera que empuje la tabla hacia arriba.

[PosProdukcion]

Pues no funcionó, se sube todo para arriba pero IE sigue dejando los mismos "huecos", igual si en vez de padding le pongo un margin al logo, para que empuje ahcia abajo, FF y Opera OK, pero IE deja los mismos huecos

gracias

[Italico76]

Debes usar POSICION ABSOLUTA sobre el DIV en cuestion!

Mira este enlace con ambos navegadores que yo tuve que solucionar eso mismo!

[PosProdukcion]

Pero esas capas estan contenidas dentro de otras que se situen en la pantalla de forma "fluida" en funcion del ancho disponible, si uso posicionamiento absoulto pierdo esa fluidez...

[PatomaS]

Hola

No he visto la imagen ya que parece no estar más en imageshack, sin embargo, te recuerdo un par de cositas.

En el modelo de cajas, se considera que las dimensiones de un objeto son las que tiene per se y el padding, border y margin son extras, sin embargo, para explorer, el padding forma parte de las dimensiones del objeto, así que debes tener eso en consideración.

Por otro lado, las imágenes siempre tienen un pequeño espacio a los lados, por lo que si el problema está causado por la imagen en si y no por los otros elementos, la solución es así:
1. La conviertes a elemento de bloque
2. le pones a cero el borde, el espaciado y el margen.
3. La metes en un span si necesitas que esté en la misma línea que otras cosas.

Felicidad

[PosProdukcion]

Al final di con el problema, a ver si os lo creéis:

La cosa es que yo tengo dos imágenes, una debajo de otra e IE6 no las junta, deja un espacio entre ellas. Mi código fuente era así:

<img class="logo" src="...." />
<img class="logo" src="...." />

Y la solución para que en IE 6 no haya espacio entre medias es:

<img class="logo" src="...." /><img class="logo" src="...." />

No poner cambio de línea en el código fuente!!!!!

Me ocurrió igual con un:

<td>contenido de la celda
</td>

Que gran navegador el IE6, no tengo palabras

[Italico76]

Sin palabras

[juaniquillo]

pues voy a ver si eso me resuelve un problema similar que tengo. gracias y saludos.

Edito*

Pues mira que es milagroso este truco. A mi nunca se me hubiera ocurrido...

[eyesglow]

no se puede creer!!!
voy a probar
felicidades

[Venechat]

Jeje la chica tenia mucha razon y yo tanto tiempo que tenia peleando con un código y era esa simple cosa XD...

Muchas gracias por decir que era?