0
我在使用div的IE中遇到了麻烦。下面给出了在FF和IE中查看的一组div的两幅图像。IE中两个相邻div之间的Wierd差距
你可以看到出现在边境的地方白线。 我正在动态创建这个div。
<DIV style="WIDTH: 49px" class=ganttview-grid-row-cell sizset="36" sizcache07230265382227504="352">
<br/>
<DIV style="TEXT-ALIGN: center; WIDTH: 11px" class=ganttview-grid-row-cell-partition></DIV>
<br/>
<DIV style="TEXT-ALIGN: center; WIDTH: 11px" class=ganttview-grid-row-cell-partition></DIV>
<br/>
<DIV style="TEXT-ALIGN: center; WIDTH: 11px" class=ganttview-grid-row-cell-partition></DIV>
<br/>
<DIV style="TEXT-ALIGN: center; WIDTH: 11px" class="ganttview-grid-row-cell-partition last"></DIV><br/></DIV>
上面给出的是动态生成的div代码。 用于在div定义的类在下面给出:
div.ganttview-grid-row-cell {
float: left;
/* IE problem */
position:relative;
/*top: 0;
left: 0;*/
z-index:0;
}
div.ganttview-grid-row-cell-partition {
border-right : 1px dotted #6B6659;
font-size: 150%;
color: black;
height: 21px;
line-height: 120%;
float : left;
}
div.ganttview-grid-row-cell-partition.last {
border-right: none;
margin-right: 0px;
}
我有在所有的IE版本该间隙。不知道我要去哪里错了。 我确实发现了与此相关的其他问题,并尝试了所有,但它不工作。对于e.g
1)在头标签添加
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>
。
2)设定位置到绝对
3)余量填充一切设置为零。
经过一些测试后再添加一些点。如前所述,这些是动态创建的div,下面给出了jQuery中如何创建它的代码。
for(var z = 1 ; z <= 4 ; z++) {
$i5MinPartition = jQuery("<div>",
{
"class": "ganttview-grid-row-cell-partition",
"css": { "width": ((cellWidth/4) - 1) + "px", "text-align": "center"}
});
if(bgData[count] && bgData[count].workloadValue >= j) {
$i5MinPartition.css({"background": "#669900"});
}
if(bgData[count] && bgData[count].scheduleAllocationValue >= j) {
$i5MinPartition.text('x');
}
cellDiv.append($i5MinPartition);
count++;
}
这里的cellWidth是50.现在我发现IE并没有采用宽度的十进制值,而firefox是采取它。
方程式
(cellWidth/4) - 1
给出FF 11.5而在IE中它是11。
请帮助。
在此先感谢。
您是否尝试过使用Firebug的DOM查看器来查看问题出在哪里? – 2013-03-14 16:00:04
这实际上是一个TABLE,所以为什么不使用
不,这不是一张桌子......它是条形图的一部分..我只是打印了图表的可用视图。 firefox没有显示任何probs。所以不能识别Firebug中的错误 – dinupvishal 2013-03-14 17:48:30
回答
嗨尝试添加到父元素。
来源
2013-03-14 16:04:30 recneps
相关问题