Yo también opino que el IE5 ya esta en desuso y no vale la pena diseñar para el actualmente. Hace tiempo que dejé de pensar en este navegador.
Por cierto, me gusta la página que enlazas. Salu2 -----Mensaje original----- De: Javier Trejo [mailto:[EMAIL PROTECTED] Enviado el: lunes, 03 de diciembre de 2007 5:05 Para: 'Ovillo, la lista de CSS en castellano' Asunto: Re: [Ovillo] Problemas con etiqueta div Joaquin: Lo más probable sea que IE5 interpreta los padding y margin de una forma diferente a las versiones posteriores. Por otro lado, IE5 es un navegador que ya está en desuso. Esta versión de IE venía con los sistemas operativos Windows 95. Actualmente dentro de la línea de IE el más utilizado es el 6 (ya que se actualiza en forma automática a esta versión en todos los equipos con Windows 98 SE y se actualiza a IE7 para Windows XP SP2). Espero puedas solucionar tu problema (fijate los margin o padding que seguro IE5 al sumar lo hace en forma diferente, pero tené en cuenta mi comentario anterior ya que no creo que exista usuario con IE5. Saludos, Javier Trejo Diseñador Web Comunicación Interactiva Cel.: +54 (11) 15 6485-7734 Nextel: 54*147*4233 Mail: [EMAIL PROTECTED] MSN: [EMAIL PROTECTED] Skype: javier.trejo -----Mensaje original----- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Joaquim Font Enviado el: domingo, 02 de diciembre de 2007 21:28 Para: [email protected] Asunto: [Ovillo] Problemas con etiqueta div En la página web esta: http://www.cgibuenosairesbpba.org/index.php Tengo problemas con la columna div derecha que en EE 5 en vez de verse a la derecha como en el firefox se ve debajo de a div centro ¿Alguien podrá ayudarme? Saludos Joaquin body { margin: 0; padding: 0; font-family: Georgia, serif; font-size: 62.5%; } #encabezado { width: 100%; } #navbar { padding: 5px 0 0 250px; background: #FBFAF4; border-top: 5px solid; font: 1.4em/1.4em Georgia, Times, serif; overflow: hidden; text-align: left; margin-top: 10px; margin-bottom: 0; border-bottom: 1px solid #8e8e78; text-transform: uppercase; height: 2em; } #navbar li { display: inline; margin-left: -5px; } #navbar li a { text-decoration: none; color: #000; } #navbar li a.contacto { border-right: none; } #navbar li a:hover { color: #cd2000; } #logo { margin-top: 0; margin-left: 25px; z-index: 5; position: absolute; top: 10px; width: 175px; height: 175px; background-image: url(./imagenes/logo.gif); } #cuerpo { width: 750px; margin: 0; padding-top: 0; overflow: hidden; } #izquierda { width: 175px; float: left; margin-left: 25px; margin-top: 140px; } #izquierda #datos { text-align: center; border-bottom: 1px solid gray; margin-top: 10px; } #izquierda #datos p { font-size: 1em; margin: 0; line-height: 1.2em; padding-bottom: 5px; } *html#main { overflow: hidden; } #main { float: right; margin: 0; padding: 0; width: 500px; overflow: visible; } #main #centro { width: 313px; float: left; padding-right: 10px; padding-left: 25px; border-right: 1px solid silver; margin: 0; } #main #derecha { float: right; width: 130px; padding-left: 10px; padding-right: 10px; border-right: 1px solid #7695B7; margin-top: 0; overflow: hidden; } #derecha h4 { color: #717060; font-size: 1.3em; font-weight: normal; font-style: normal; margin-left: -10px; overflow: visible; width: 130px; margin-right: -10px; background-color: #FBFAF4; border-bottom: 1px solid #8e8e78; padding: 5px 10px; } #derecha #entradas { } #derecha #entradas ul { padding: 0; list-style-type: none; list-style-image: none; } #derecha #entradas li { font: 1em/1.2em Verdana, "Lucida Grande", Lucida, sans-serif; padding-bottom: 3px; } #derecha #entradas li a { color: #000; text-decoration: none; } #derecha #entradas li a:hover { text-decoration: underline; color: maroon; } #derecha #busca { background-color: #7695B7; border-style: none; margin-right: -10px; margin-left: -10px; margin-top: 0; padding: 10px; } #derecha #busca form { margin: 0; padding: 0; height: 20px; display: inline; } #derecha #busca p { height: 25px; padding: 0; margin: 0; } #derecha p #cbusca { width: 109px; } #derecha p #searchsubmit { margin-top: 5px; background: url(./imagenes/busca.gif) no-repeat; width: 45px; height: 20px; } #derecha #busca .avanza { margin-top: 5px; margin-bottom: 0px; } #derecha #busca .avanza p { height: 10px; } #derecha #busca a { font-size: 1em; line-height: 1.2em; color: white; text-decoration: none; margin-top: 5px; } #derecha #busca a:hover { text-decoration: underline; } /*-------*/ #enlaces { margin-top: 5px; } #enlaces ul { border-bottom: 1px dashed silver; padding: 0 0 5px; margin: 0; } #enlaces li { list-style-image: none; list-style-type: disc; padding-bottom: 2px; padding-top: 2px; list-style-position: outside; width: 100px; margin-left: 15px; } #enlaces li a { font: 1em Verdana, "Lucida Grande", Lucida, sans-serif; text-decoration: none; color: maroon; padding-top: 2px; padding-bottom: 3px; margin-bottom: 2px; } #enlaces li a:hover { text-decoration: none; color: #000; padding-top: 2px; padding-bottom: 2px; margin-bottom: 2px; } #pie { height: 60px; width: 100%; border-bottom: 5px solid #7695b7; border-top: 1px solid silver; clear: both; margin: 0; padding: 0; } #pie .nombre { float: left; height: 20px; width: 100px; margin-right: 10px; padding-right: 10px; border-right: 1px solid silver; text-align: center; padding-top: 20px; padding-bottom: 20px; font: italic 2em/20px Georgia, "Times New Roman", Times, serif; color: #8e8e78; } #pie .textopie { } #pie .textopie p { width: 580px; margin-left: 120px; margin-bottom: 0; margin-top: 5px; line-height: 1.4em; font-size: 1em; } #centro a { color: #000; text-decoration: none; } #centro a:hover { text-decoration: underline; color: maroon; } #info { background: url(./imagenes/info.png) no-repeat; width: 80px; height: 80px; float: left; margin-left: -40px; visibility: visible; } #info:hover { background: url(./imagenes/info1.png) no-repeat; } #info a { color: white; width: 80px; } #info a:hover { text-decoration: none; color: none; } #info u { text-align: center; margin-top: 15px; width: 80px; display: block; text-decoration: none; font: italic 1.2em Georgia, "Times New Roman", Times, serif; color: white; } #info u:hover { color: white; } #info a em p { width: 80px; color: white; text-align: center; margin: -8px 0 0; font: italic 3em Georgia, "Times New Roman", Times, serif; } #info a em p:hover { color: white; text-decoration: none; border-bottom-style: none; color: none; } #caja { margin-top: 5px; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px dashed silver; } #caja h5 { font: 0.9em Verdana, "Lucida Grande", Lucida, sans-serif; color: gray; text-align: center; padding-top: 2px; padding-bottom: 2px; margin: 5px 60px; border-top: 1px solid silver; } h1 { color: #000; font: normal normal 3em/1.2em Georgia, "Times New Roman", Times, serif; margin: 0; text-align: center; } h3 { text-align: center; text-transform: uppercase; font: bold 0.9em Verdana, "Lucida Grande", Lucida, sans-serif; } p { color: #000; text-align: left; font: 1.1em/1.8em Verdana, "Lucida Grande", Lucida, sans-serif; letter-spacing: 0.02em; } .slogan p { color: #8e8e78; text-align: center; font: 1.8em Georgia, "Times New Roman", Times, serif; } .cargado { border-top: 1px dotted silver; } .cargado p { color: #4e6990; } .siguiente { } .siguiente a { color: #8e8e78; font: 1.2em Georgia, "Times New Roman", Times, serif; text-decoration: none; } .siguiente a:hover { text-decoration: underline; color: maroon; } #final p { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } #cajitas { background-color: #FBFAF4; padding: 3px; margin-top: 5px; margin-bottom: 5px; border: 1px solid #8e8e78; } #cajitas p { text-align: center; font: italic 1.4em Georgia, "Times New Roman", Times, serif; margin: 0; padding: 2px; border: 1px solid #a0a087; } /*COMMENT FORM*/ .comentario { background: #bdd3ea; border-bottom: 1px solid #7695b7; padding: 10px; } .comentario p.quien { font: italic 1.1em Georgia, "Times New Roman", Times, serif; border-top: 1px dotted #7695b7; padding-top: 5px; border-bottom: 1px solid #7695b7; padding-bottom: 5px; } .comentario p.quien a { font-weight: bold; } #commentform { background: #bdd3ea; border: 1px solid #7695b7; margin-top: 25px; margin-bottom: 20px; } #commentform h2 { margin-left: 15px; margin-top: 0; text-align: left; font: 2.0em Georgia, "Times New Roman", Times, serif; text-transform: capitalize; } #commentform h3 { margin-left: 15px; margin-top: 0; text-align: left; font: 2.0em Georgia, "Times New Roman", Times, serif; text-transform: capitalize; } #commentform p { margin: 15px; } #commentform label { display: block; float: left; font-size: 1em; color: black; } #commentform p span { color: #999; font: 0.85em Verdana, "Lucida Grande", Lucida, sans-serif; } #commentform input.camp { border: 1px solid #7695b7; width: 277px; color: #666; font-size: 1em; padding: 2px 0 2px 2px; margin-top: 2px; } #commentform textarea { border: 1px solid #7695b7; width: 279px; height: 200px; margin-top: -20px; } #commentform input#from { border: 1px solid #7695b7; width: 277px; color: #666; font-size: 1em; padding: 2px 0 2px 2px; margin-top: 2px; } #commentform input#subject { border: 1px solid #7695b7; width: 277px; color: #666; font-size: 1em; padding: 2px 0 2px 2px; margin-top: 2px; } #commentform p.right input { background: #386a96; border: 1px solid #7695b7; color: #fff; font-weight: bold; width: 120px; height: 26px; } _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.503 / Virus Database: 269.16.13/1165 - Release Date: 02/12/2007 20:34 _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
