Foros del Web » Creando para Internet » CSS »

Enlace sobrepasa div

Estas en el tema de Enlace sobrepasa div en el foro de CSS en Foros del Web. Holas, mi problema es el siguiente, tengo un div, dentro de ese div una fotoy texto, depyes hay un enlace ""Ver Detalle, el enlaces sobre ...
  #1 (permalink)  
Antiguo 27/03/2009, 12:00
 
Fecha de Ingreso: septiembre-2003
Ubicación: lima
Mensajes: 378
Antigüedad: 14 años, 3 meses
Puntos: 0
Enlace sobrepasa div

Holas, mi problema es el siguiente, tengo un div, dentro de ese div una fotoy texto, depyes hay un enlace ""Ver Detalle, el enlaces sobre pasa el div ese problema es en IE en Firefox va bien. Como soluciono ese problema
Les dejo la url

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

Gracias de antemano
  #2 (permalink)  
Antiguo 27/03/2009, 14:12
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: Enlace sobrepasa div

Cita:
Iniciado por juanpro Ver Mensaje
Holas, mi problema es el siguiente, tengo un div, dentro de ese div una fotoy texto, depyes hay un enlace ""Ver Detalle, el enlaces sobre pasa el div ese problema es en IE en Firefox va bien. Como soluciono ese problema
Les dejo la url

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

Gracias de antemano
Seria mucho mas facil si pones el código css de esos div para saber que pasa, no crees?
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #3 (permalink)  
Antiguo 27/03/2009, 15:13
 
Fecha de Ingreso: septiembre-2003
Ubicación: lima
Mensajes: 378
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: Enlace sobrepasa div

Dentro de este div esta el enlace "Ver detalle"

#conte-produ-prin{
width: 430px;
height: 120px;
border-top: 1px solid #ededed;
border-left: 1px solid #ededed;
border-right: 1px solid #ededed;
margin-left: 46px;
border-bottom: 4px solid #919fb1;
background-image:url(../imagenes/fon-caja-prod.gif);
background-repeat: repeat;
}

Donde dice ERPPYME le puse este estilo

#pyme {
width: 225px;
margin-top: 15px;
margin-bottom: -10px;
}


luego la imagen que le puse este estilo

.imglibro{
padding-right: 6px;
float: left;
}

Gracias de antemano
  #4 (permalink)  
Antiguo 27/03/2009, 15:31
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: Enlace sobrepasa div

a mi me parece que el problema esta en el
Código HTML:
.imglibro{
padding-right: 6px;
float: left;
}
porque IE siempre se come 3px hacia el lado flotado, o sea, como si fuera un -3px a la iz. además.

Pero como el problema es hacia abajo, talvez puedas quitar la </p> que separa el ultimo parrafo:
Código HTML:
<p>Moderno sistema integral y compacto de gestión comercial.</p>
<a href="#" class="detalle">Ver detalles</a> 
y dejarlo asi:

Código HTML:
<p>Moderno sistema integral y compacto de gestión comercial.<br />>
<a href="#" class="detalle">Ver detalles</a></p> 
para que elimines el espacio de más.
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #5 (permalink)  
Antiguo 27/03/2009, 15:48
 
Fecha de Ingreso: septiembre-2003
Ubicación: lima
Mensajes: 378
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: Enlace sobrepasa div

Gracias gVenom, es cierto mejoró en IE pero en Firefox se subio un poco hacia arriba, se puede controlar eso?
  #6 (permalink)  
Antiguo 27/03/2009, 16:00
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: Enlace sobrepasa div

Cita:
Iniciado por juanpro Ver Mensaje
Gracias gVenom, es cierto mejoró en IE pero en Firefox se subio un poco hacia arriba, se puede controlar eso?
y que fue lo que hiciste?
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #7 (permalink)  
Antiguo 27/03/2009, 16:28
 
Fecha de Ingreso: septiembre-2003
Ubicación: lima
Mensajes: 378
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: Enlace sobrepasa div

Como me indicaste que lo pusiera!!!

miralo: http://www.erp-solutionsperu.com/
  #8 (permalink)  
Antiguo 27/03/2009, 16:34
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: Enlace sobrepasa div

valla pues si se ve mejor, pero no estoy seguro de como solucionar ese detalle. Si le pones un padding-top a esa parte del texto quiza logres acomodarlo mejor. o puedes poner :

Moderno sistema integral y compacto de gestión comercial.
Ver detalles


en un div aparte, solo para el, y luego lo acomodas en la esquina con el css, si se ve diferente solo juegas con el top y el right.
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #9 (permalink)  
Antiguo 27/03/2009, 17:37
 
Fecha de Ingreso: septiembre-2003
Ubicación: lima
Mensajes: 378
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: Enlace sobrepasa div

Gracias amigaso por ese tiempo, ya vere como lo mejoro pero de echo ya esta bastante mejor
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:32.