div entre div genera un espacio

[juanpro]

hola amigos, buenos dias a todos, les paso a indicar mi problema tengo 2 div, pero el problema esta en que se genera un espacio, eso solo sucede en firefox porque en IE no se ve ese problema, les dejo mi codigo css.

.titu-conte-det-prod{
height: 26px;
width: 464px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #fba001;
background-color:#FFFFFF;
}

.contenido-det-prod{
height: 122px;
width: 464px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 18px;
color: #7d7c7c;
background-color:#FFFFFF;
/* margin-top: 5px;*/
}

Ahi les dejo la imagen del problema
Gracias de antemano

[Calizman]

Saludos!!

Reemplaza tu CSS con esto:

Código CSS:

.titu-conte-det-prod{
height: 26px;
width: 464px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #fba001;
background-color:#FFFFFF;
margin: 0px;
padding: 0px;
}
 
.contenido-det-prod{
height: 122px;
width: 464px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 18px;
color: #7d7c7c;
background-color:#FFFFFF;
margin: 0px;
padding: 0px;
}
 

Espero que te sirva!

Hasta Luego!!

[juanpro]

no me soluciono el problema lo manda todo al lado derecho, el problema esta donde dice ERP PYME de la imagen y donde empieza el libro con el texto hay un espacio que solo se visualiza en Firefox, en Internet Explore se ve bien.

Gracias

[Calizman]

A el lado derecho? Woow... esa respuesta si me sorprendio... lo unico que hice fue quitarle todos los margenes, incluyendo los 5px que tienes metidos en el comentario... Muy extraño eso...

Tienes alguna url donde este la pagina? creo que seria mas facil asi...

EDITO: Recuerdo que una vez tuve un problema similar, y la solucion fue meter los dos divs ( en esa ocasion trabaje con divs y no con class como lo haces ahora ) dentro de un div mayor. Podrias intentarlo no?

[juanpro]

Perdon creo que mi respuesta no tuvo buen tono, en todo caso me equivoque todo lo manda para el lado izquierdo

[Calizman]

No hay ningun problema!

Probaste mi respuesta, la que edite?

Eso de meter los dos class dentro de un div?

[juanpro]

Gracias CaliZzZ por la ayuda que me prestas, necesito arreglar varias cositas en el maquetado que estoy realizando, te mando la url:

http://www.erp-solutionsperu.com/web/

En Internet Explorer se podria decir que ve casi bien aunque hay que darle algunos ajustes por ejemplo:

1.- En la barra derecha donde dice "INFORMACION DE INTERES" debajo hay un linea (le puse un hr) quisiera que esta linea este mas junto con el texto "INFORMACION DE INTERES"


Por otro lado si lo visualizas en Firefox se ve pesimo.

Los errores son claros, el pie de pagina se ve por el medio.
Ahi donde dice ERP PYME esta bien separado (se genera un espacio) de la imagen (libro)
En la parte superior derecho los links estan medio raros

Espero me puedas dar una manito,
Gracias de antemano por tu ayuda ya prestada.

[jomaruro]

Iniciado por juanpro

Los errores son claros, el pie de pagina se ve por el medio.

Hola:

Para solucionar lo del pie, inserta inmediatamente antes de abrir el div caraabajo:

Código:

<div style="clear: both;"></div>

otra solución es añadir en el CSS:

Código:

#reset {clear:both;}

y en el HTML (en el mismo sitio que te indiqué antes)

Código:

<div id="reset"></div>

Solucionarás el problema.

Saludos.