Diseño Web /

Problema con ie6 y css (probablemente con float)

Participa en el tema Problema con ie6 y css (probablemente con float) en el foro Diseño Web.
Buenos dias, quisiera pregutar si a alguien de este foro le sucedio alguna vez lo ...

Buscar en este tema:
 
  •  
    #1 Problema con ie6 y css (probablemente con float)
    Buenos dias, quisiera pregutar si a alguien de este foro le sucedio alguna vez lo mismo que a mi y si pudiera darme una mano. Realmente lei muchisimo, busque, probe todas las "soluciones" pero no pude arreglar el inconveniente.
    Diseñe una web con html+css, ambos archivos pasar los test de la w3c. En Firefox se ve perfecto pero ie se ve todo menos la barra lateral desplazado hacia abajo. Les paso un screenshot del ie:
    http://www.subirimagenes.com/imagen-...zo-848734.html

    body {
    font-family: Verdana, Arial, Helvetica, Helv, sans-serif;
    font-size: 12px;
    }

    a:active {
    color: #ec8643;
    }

    a, a:visited {
    color: red;
    }

    h1 {
    font-size: 15px;
    margin: 0;
    }

    h2 {
    margin-top: 0;
    color: #ec8643;
    text-decoration: underline;
    font-weight: bolder;
    font-size: 18px;
    text-align: left;
    }

    h3 {
    font-size: 16px;
    font-weight: 700;
    }

    h4 {
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    }

    em {
    text-decoration: underline;
    font-style: normal;
    }

    #contenedor {
    margin: 0 auto;
    width: 800px;
    height: auto;
    }

    #barra_lateral {
    width: 200px;
    height: 600px;
    float: left;
    }

    #barra_lateral p {
    font-size: 18px;
    margin-top: 30px;
    }

    #barra_lateral ul {
    margin-top: 20px;
    }

    #barra_lateral li {
    font-size: 15px;
    list-style-type: square;
    }

    #barra_lateral a {
    color: black;
    line-height: 165%;
    text-decoration: none;
    }

    #barra_lateral img {
    z-index: -1;
    position: absolute;
    margin-top: 50px;
    }

    #barra_horizontal {
    border-bottom-style: solid;
    border-bottom-color: #ec8643;
    background-color: #ec8643;
    width: 800px;
    text-align: right;
    }

    #barra_horizontal a {
    color: #fff;
    font-size: 17px;
    font-weight: bolder;
    margin-right: 12px;
    text-decoration: none;
    }

    #barra_horizontal a:hover, #barra_lateral a:hover {
    text-decoration: underline;
    }

    #barra_inferior {
    border-bottom-style: solid;
    border-bottom-color: #ec8643;
    background-color: #ec8643;
    width: 800px;
    text-align: center;
    margin-top: 630px;
    border-top-style: solid;
    border-top-color: #ec8643;
    border-width: 6px;
    color: #fff;
    font-size: 12px;
    }

    #enlaces_inferiores {
    width: 800px;
    text-align: center;
    margin-top: 6px;
    margin-bottom: 10px;
    }

    #enlaces_inferiores a {
    margin: 0 4px;
    }

    #columna_uno {
    width: 290px;
    margin: 0 0 0 210px;
    height: 600px;
    position: absolute;
    }

    #columna_uno img {
    float: left;
    margin: 0 10px 10px 0;
    border: 3px solid #ec8643;
    height: auto;
    width: auto;
    }

    #columna_uno_sector2 {
    padding-top: 10px;
    border-top: 1px dashed #ec8643;
    }

    #columna_dos {
    width: 280px;
    margin: 0 0 0 20px;
    float: right;
    height: 583px;
    }

    #columna_dos img {
    float: right;
    margin-right: 10px;
    border: 3px solid #ec8643;
    height: auto;
    width: auto;
    }

    #columna_dos_sector2 {
    width: 280px;
    padding-top: 10px;
    position: absolute;
    text-align: justify;
    border-top: 1px dashed #ec8643;
    }

    #columna_dos_sector2 img {
    float: left;
    }

    #imagen_sinborde img {
    border: 0;
    }

    #columna_dos_sector3 {
    margin-top: 210px;
    width: 280px;
    padding-top: 10px;
    position: absolute;
    border-top: 1px dashed #ec8643;
    }


    Muchas gracias desde ya, espero que no sea un mensaje muy largo.
    +
     
    0
    Me gusta
     
    http://www.psicofxp.com/forums/diseno-web.210/797941-problema-ie6-y-css-probablemente-float.html
    | Más
  • #2 Re: Problema con ie6 y css (probablemente con float)

    Este error ocurre por el ancho de las columnas que estas utilizando, Por Ej. si tu página tiene un ancho de 800px, y a la columna izquierda le das 200px y al cuerpo 600px, pero para que los contenidos no aparescan juntos necesitare usar paddings en este caso le dare 25px a cada lado de ambas columnas, esto sumará 100px con eso el ancho de mi página llegará a tener 700px y no 600px con dije a un principio, para evitar esto cuando asigno paddings a mis conlumnas tendré que restar el valor del padding al ancho.

    Espero te sirva pq yo me rompi la cabeza para llegar a esta conclusión.
    Me gusta este mensaje


Estadísticas del tema
  • 1 RESPUESTA
  • 1814 VISTAS
  • 2 USUARIOS RESPONDIERON
 
Ir arriba
Contacto | Acerca de | Ayuda | Términos Legales | privacidad | Pautas de convivencia | Mapa de los foros | TrabajÁ con nosotros
©2008 Psicofxp.com S.A. - Todos los derechos reservados
Certifica IAB