This is a migrated thread and some comments may be shown as answers.

Toolbar button overlapped in IE6

2 Answers 46 Views

ToolBar

This is a migrated thread and some comments may be shown as answers.

mika-xws asked on 28 Oct 2008, 05:14 PM

I have an issue with toolbar buttons in IE6 (but not in IE7 or Firefox 2): when arranged in a table cell, the buttons are overlapping with content from the cell to the right.

Example:

    
            <%@ Page Language="C#" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml">  
        
            <head runat="server">  
        
                <title>Telerik Demo: Overlapping of ToolBar button</title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <asp:ScriptManager ID="scriptManager" runat="server"></asp:ScriptManager> 
        
                <table border="1">  
        
                    <tr> 
        
                        <td> 
        
                            <radctrl:RadToolBar ID="tbarFunctionBar" runat="server">  
        
                                <Items> 
        
                                    <radctrl:RadToolBarButton runat="server" Text="Button Text" /> 
        
                                </Items> 
        
                            </radctrl:RadToolBar> 
        
                        </td> 
        
                        <td> 
        
                            Some other content  
        
                        </td> 
        
                    </tr> 
        
                </table> 
        
                </form> 
        
            </body> 
        
            </html>

Result: the text "Some other content" overlaps the button, even though it's in another table cell.

Has someone encountered this issue before? As workaround, I could set the toolbar table cell to a fixed width, but this is not perfect, because the button is created dynamically and can have different text or image labels in various widths.

2 Answers, 1 is accepted

Accepted

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Toolbar button overlapped in IE6

2 Answers, 1 is accepted