Foros del Web » Creando para Internet » CSS »

Desajuste derecho de div en IE

Estas en el tema de Desajuste derecho de div en IE en el foro de CSS en Foros del Web. Se me presenta este problema: un div contenedor se muestra bien posicionado en Firefox, pero en IE su límite derecho está pegado al borde de ...
  #1 (permalink)  
Antiguo 21/02/2008, 12:12
 
Fecha de Ingreso: junio-2007
Mensajes: 492
Antigüedad: 10 años, 6 meses
Puntos: 8
Desajuste derecho de div en IE

Se me presenta este problema: un div contenedor se muestra bien posicionado en Firefox, pero en IE su límite derecho está pegado al borde de la pantalla, de hecho ni siquiera se ve su cierre lateral por ese lado.

El código CSS es:

<style type="text/css>

* {
margin: 0;
padding: 0;
}

body {
background-color: blue;
}

h2 {
font-weight: bold;
font-size: 16px;
font-family: arial;
font-color: black;
}

#contenido {
width: 785px;
position: absolute;
top: 25px;
left: 110px;
background-color: white;
text-align: justify;
text-indent: 1cm;
margin: 20px 18px 40px 27px;
padding: 10px 20px 10px 10px;
}

</style>

Y el HTML:
<!DOCTYPE html PUBLIC"_//w3c//DTD Xhtml 1.0 Transitional// EN" "http://www.3.org/TR/xhtml 1-transitional.dtd">
<link href="../estilos/estilos.css" rel="stylesheet" type="text/css" />
<head>
<body>
<center>
<div id="contenido">
<h2>Aquí viene un texto de varias líneas...</h2>
</div>
</body>
</html>

¿Hay algo que explique esa diferencia desfavorable con IE?
  #2 (permalink)  
Antiguo 21/02/2008, 12:20
 
Fecha de Ingreso: febrero-2008
Mensajes: 62
Antigüedad: 9 años, 9 meses
Puntos: 1
Re: Desajuste derecho de div en IE

Habra que ver en que version de IE. Lo unico que se me ocurre decirte es sobre:
El IE Box Model Bug
es.wikipedia.org/wiki/Internet_Explorer_box_model_bug

(eso respondiendo tu ultima pregunta)
  #3 (permalink)  
Antiguo 21/02/2008, 12:49
 
Fecha de Ingreso: junio-2007
Mensajes: 492
Antigüedad: 10 años, 6 meses
Puntos: 8
Re: Desajuste derecho de div en IE

El ensayo lo he hecho en IE6. Y gracias por el enlace, le echaré un vistazo.

Un saludo :)
  #4 (permalink)  
Antiguo 21/02/2008, 17:03
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 12 años
Puntos: 281
Re: Desajuste derecho de div en IE

Pues yo lo veo perfecto en IE7, IE6 y FF. Eso si, tienes tres errores. 1- Tienes una etiqueta de <center> sin cerrar y que en verdad no hace nada. Yo la quite. 2- Te faltan unas comillas la linea

Código HTML:
<style type="text/css> 
debería ser

Código HTML:
<style type="text/css"> 
3- No cerraste el elemento <head>.

Hay algunas recomendaciones que te podría hacer (habías olvidado la codificación. Yo le puse utf-8) pero lo otro está bien:

Código HTML:
<!DOCTYPE html PUBLIC"_//w3c//DTD Xhtml 1.0 Transitional// EN" "http://www.3.org/TR/xhtml 1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">

* {
margin: 0;
padding: 0;
}

body {
background-color: blue;
}

h2 {
font-weight: bold;
font-size: 16px;
font-family: arial;
font-color: black;
}

#contenido {
width: 785px;
position: absolute;
top: 25px;
left: 110px;
background-color: white;
text-align: justify;
text-indent: 1cm;
margin: 20px 18px 40px 27px;
padding: 10px 20px 10px 10px;
}

</style>
</head>
<body>
<div id="contenido">
<h2>Aquí viene un texto de varias líneas...</h2>
</div>
</body>
</html> 
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #5 (permalink)  
Antiguo 22/02/2008, 06:13
 
Fecha de Ingreso: junio-2007
Mensajes: 492
Antigüedad: 10 años, 6 meses
Puntos: 8
Re: Desajuste derecho de div en IE

En efecto, Juaniquillo, en mi transcripción están esos errores que me indicas -las comillas y las etiquetas <center> y <head> sin cerrar-, pero sólo en la transcripción, no en el documento html en sí. Con respecto a la codificación, pues la verdad es que no sabía que para las pruebas en local también fuese necesaria, normalmente me limito a poner el código encabezado por el doctype.

De todas formas, esto del CSS funciona de un modo un tanto extraño. Lo digo porque finalmente resolví el problema expuesto en el post inicial cambiando la posición absoluta por una relativa. ¿Cómo puede entenderse esto de una manera lógica? (No digo que no la tenga, sólo que yo no la veo...).

Un saludo.
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 13:14.