Foros del Web » Creando para Internet » CSS »

Problemas con un div-1imagen desde CSS y como siempre IE

Estas en el tema de Problemas con un div-1imagen desde CSS y como siempre IE en el foro de CSS en Foros del Web. Amigos, Como siempre nuestro navegador mas amado para odiar IE me hace ciertas cosas c¿que no corresponden. Miren lo que quiero es que este simple ...
  #1 (permalink)  
Antiguo 14/05/2009, 17:08
 
Fecha de Ingreso: diciembre-2008
Mensajes: 454
Antigüedad: 9 años
Puntos: 2
Problemas con un div-1imagen desde CSS y como siempre IE

Amigos,

Como siempre nuestro navegador mas amado para odiar IE me hace ciertas cosas c¿que no corresponden.

Miren lo que quiero es que este simple div tenga esquinas redondeadas abajo no arriba solo abajo por ende cree una imagen para mostrar abajo y me funciona muy bien en firefox pero no en IE, quisiera saber como hacer para que funcione y se vea igual en IE, por si acaso utilizo un script de css que resetea los estilos de los navegadores.

Código HTML:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
.box {
	background:#717171;
	width: 200px;
	height: 250px;
	float: right;
	position: absolute;
	top: 0;
	right: 220px;
}
.boxbottom {
	background:url(bottom_div.gif);
	width: 200px;
	height: 10px;
	float: right;
	position: absolute;
	top: 250px;
	right: 220px;
}
</style>
</head>

<body>
<div class="box"></div>
<div class="boxbottom"></div>
</body> 
la imagen es esta:


Agradezco me ayuden

Gracias de antemano
  #2 (permalink)  
Antiguo 14/05/2009, 17:15
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problemas con un div-1imagen desde CSS y como siempre IE

Debes evitar que la imagen se repita. Añade esto al selector:
Cita:
.boxbottom {
background:url(bottom_div.gif) no-repeat;
width: 200px;
height: 10px;
float: right;
position: absolute;
top: 250px;
right: 220px;
}
  #3 (permalink)  
Antiguo 14/05/2009, 17:19
 
Fecha de Ingreso: diciembre-2008
Mensajes: 454
Antigüedad: 9 años
Puntos: 2
Respuesta: Problemas con un div-1imagen desde CSS y como siempre IE

lo acabo de poner pensando que podria ser eso pero se me sobrepasa en 10px

mira si lo pongo en:
top: 240px;

se ve bien en IE pero no en FireFox, en FireFox se sobrepone como lo hacia antes en IE

parece que hay un margen de 10px de diferencia

como hacer para que el script reconozca el navegador y lo ponga según el top??

he visto por ahi que hacen un <! if IE>.... pwro no se como hacer eso, ademas no se si me serviría

creo que se llaman comentarios condicionales
  #4 (permalink)  
Antiguo 14/05/2009, 17:36
 
Fecha de Ingreso: diciembre-2008
Mensajes: 454
Antigüedad: 9 años
Puntos: 2
Respuesta: Problemas con un div-1imagen desde CSS y como siempre IE

Ya lo arregle y fue de la manera mas chancha y absurda, pero funciona.

La imagen tiene 10px de alto pues hice que tuviera 20px de alto y se sobrepasa un diva al otro y no se nota

jajajajajajaja

Nunca pense que tonterias asi sirvieran. Por eso me dijo un gran amigo del foro, ante la desesperación respira y piensa

Saludos y espero que a alguien le sirva

Ah!!! y graias mikmoro pero te hizo falta poner bottom, porque sino FiereFox no te lo situa donde quieres (que es el bottom del div)
  #5 (permalink)  
Antiguo 15/05/2009, 01:21
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problemas con un div-1imagen desde CSS y como siempre IE

Cita:
Iniciado por easy Ver Mensaje
Ah!!! y graias mikmoro pero te hizo falta poner bottom, porque sino FiereFox no te lo situa donde quieres (que es el bottom del div)
Te equivocas: o pones top o pones bottom, pero las dos cosas a la vez no tienen ninguna utilidad en tu caso, pero si has solucinado tu problema todos tan contentos.

Saludos.
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 03:01.