发表新帖
发表新帖

firefox position absolute inside a relative container issue

前端 未结
关注
5 1175
失恋的感觉
失恋的感觉 2020-12-08 05:23

i am using table for displaying my dynamically generated data depend upon the user input the html structure is looks like below:


        

          5条回答        


        
    
                    
  • 
            
            
    
                         
                 旧时难觅i 
              
              
    
                
                   旧时难觅i
                                             
                
                
                (楼主)
            
              
                  
    
                2020-12-08 05:38
              
    

            
    
            
    
              
              

    Positioning of table cells is problematic. The usual solution is to leave the style of the td alone, and put a div in it which you make position:relative. Then place the content inside that div.
    


Edit:

I don't know which effect you're after, but here's a jsFiddle demonstrating the problem: http://jsfiddle.net/ygP7k/5/

It has a table with little absolutely positioned divs in each table cell, that are supposed to align to the bottom right corners. It works in all browsers except Mozilla ones.
But here is an updated one with the extra divs as I mentioned: http://jsfiddle.net/ygP7k/7/

This works exactly the same, except that it also does the trick in Firefox.
Can you work with this? Does this answer your question?

                                                        

              
                
                0
              
                   
                
               讨论(0)
              
                                                  
              
              

                          
             
       
          
              

                                       




            

          

            
            

              
              

            
    


                                 
              

            

                          
    

        
         

                
                

                  
                

                

                   看不清?
                

              

                                  

                    
   
                 
             
              
提交回复

            

          
        

          
 
     
 

        
热议问题