如何在IE 7的表格单元格内的div中进行右对齐？

Float:right为div表格单元格内部指定似乎对IE没有任何影响.除了其他方面,我还尝试了text-align,将图层内容对齐,但在IE 7中没有成功.

CSS片段:

.workloadcell {
    background-color: #E6D7E9;
    padding: 0px;
    width: 14px;
    height: 16px;
    text-align: right;
}

div.workload {
    background-color: #E6D7E9;
    text-align: right;
    width: 14px;
    float: right;
}

HTML片段:

    

        1
    

HTML和CSS都可以验证,而在Firefox中,文本可以正确对齐.如果你想通过复制/粘贴它来测试完整的代码,它就在这里:

    
        
        
        
    




        

            

                

                     
                
                

                    

                        2008
                    
                
            
            

                

                     
                
                

                    

                        Q1
                    
                
                

                    

                        Q2
                    
                
                

                    

                        Q3
                    
                
                

                    

                        Q4
                    
                
            
            

                

                    workload forecast
                
                

                    

                        1
                    
                
                

                    

                        2
                    
                
                

                    

                        2
                    
                
                

                    

                        2
                    
                
            
            

                

                    actual workload
                
                

                    

                        3
                    
                
                

                    

                        3
                    
                
                

                    

                        2
                    
                
                

                    

                        3
                    
                
                        
        
    

(我知道CSS对于几个元素重复类声明的意义上并不是最优的,但如果与问题无关,请不要对此进行评论.)

它应该按照你的方式工作(或alexmeia建议的方式).

但是,(这是IE),标题 Q1,Q2等正在推动表格列宽度超过您要求的14 px.

这些列在您定义的14px内右对齐,但div在IE中没有向右移动.(div保持在为其定义的14px内,即使该列实际上大于14px)

为了说明这一点,您可以将宽度设为28px 或更改其中一个背景的颜色,以显示其中td和div之间的差异.

.workloadcell {
    background-color: #E6D7E9;
    padding: 0px;
    width: 14px;
    height: 16px;
    text-align: right;
}

div.workload {
    background-color: #E6EEE9;
    text-align: right;
    width: 14px;
    float: right;
}

IE的解决方案是要么不定义宽度,要么使其宽度足以容纳标题.