代码之家  ›  专栏  ›  技术社区  ›  shoosh

IE中的CSS/HTML问题-如何解决?

  •  1
  • shoosh  · 技术社区  · 14 年前

    http://noasimon.co.il/

    它在firefox、chrome、opera和IE8中看起来不错

    仅在此视图中发生的另一个问题是此页中:
    http://noasimon.co.il/exhibition2010

    缩略图在视图外偏左。

    有人知道我怎么解决这个问题吗?我对这类东西几乎没有经验。

    5 回复  |  直到 14 年前
        1
  •  1
  •   reisio    14 年前
    .ngg相册{
    位置:相对位置;
    .ngg相册图像
    img公司{
    位置:绝对;
    顶部:0;
    }
    .ngg相册图像{
    显示:内联;
        2
  •  0
  •   amphetamachine    14 年前

    恭喜你获得了W3C有效的HTML(我检查了一下以确定)

    div#header 永远都是 50px 高的,总是在(0,0)的内部 div#wrapper ,和 div.sidebar 总是在(0,50),为什么不这样做:

    div#wrapper {
        position: relative;
    }
    
    div#wrapper div#header {
        position: absolute;
        height: 50px;
        top: 0px;
        left: 0px;
    }
    
    div#wrapper div.sidebar {
        position: absolute:
        top: 50px;
        left: 0px;
    }
    
        3
  •  0
  •   vlood    14 年前

    再看一下你的页面,我想我的一个朋友用的一个小把戏可能会有所帮助:

    这通常有助于解决与默认值margin和padding相关的常见IE兼容性问题。

        4
  •  0
  •   peirix    14 年前

    看来这是一个很好的例子 "double margin"

    基本上,“兼容视图”需要做的是设置 display inline 在浮动的元素上并且有边距。

    .ngg-albumtitle {
        float: right;
        display: inline;
    }
    
        5
  •  0
  •   Prashant    14 年前

    你可以用。。

    .侧边栏ul{ margin:0px;

    } .侧边栏li{ 浮动:右; 显示:内联块; margin:1px; padding:0px 4px'

    字体-size:..;

    }