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.