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

easy · #1 (**permalink**) 14/05/2009, 16:08

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

Mikmoro · #2 (**permalink**) 14/05/2009, 16:15

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;
}

easy · #3 (**permalink**) 14/05/2009, 16:19

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

easy · #4 (**permalink**) 14/05/2009, 16:36

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)

Mikmoro · #5 (**permalink**) 15/05/2009, 00:21

Cita:

Iniciado por easy

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.