HTML表格单元格在Blackberry上重叠

时间:2011-11-22 17:44:26

标签: html css blackberry

我有以下HTML代码:

<table><tr>
    <td>Search: </td>
    <td>'.GetCategoryDropdownList().'</td>
    <td>for: </td>
    <td class="input">
        <input class="header-right-search" type="text" name="q" placeholder="Search by         Book Name, Author, Module Code, or Module Name" style="width: 100%;" />
    </td>
    <td><input type=submit value="GO" class="yellowhighlightbutton" /></td>
</tr></table>

其中“GetCategoryDropdownList()”只返回简单下拉菜单的HTML。

这个表在所有网页浏览器中都很好(包括在android / iphone / etc上),每个表格单元格间隔很小,但在Blackberry上,单元格最终重叠。

你知道为什么会发生这种情况或以任何方式解决这个问题吗?

由于

GetCategoryDropdownList()是

function GetCategoryDropdownList()
{
    $query = sprintf("SELECT %scategorylist.* FROM %scategorylist", dbprefix, dbprefix, dbprefix);
    $catlist = DbQuery($query);
    $catselect = '<select class="header-category-select" name="category_select">';
    foreach($catlist as $cat)
    {
        if($cat['Code'] == 'catAll')
        {
            $catselect = $catselect.sprintf("<option class=\"header-category-option\" value=\"%s\" selected=\"selected\">%s</option>",$cat['Code'],$cat['Name']);
        }
        else
        {
            $catselect = $catselect.sprintf("<option class=\"header-category-option\" value=\"%s\">%s</option>",$cat['Code'],$cat['Name']);
        }
    }
    $catselect = $catselect.'</select>';
    return $catselect;
}

所有这一切都是制作一个下拉菜单,它可以在除黑莓之外的每个平台上正确显示。

1 个答案:

答案 0 :(得分:1)

你能提供 GetCategoryDropdownList()代码吗?您是否还设置了正确的标题以便在移动网站中显示?对于黑莓浏览器,您可以使用

<meta name=”HandheldFriendly” content=”True” />

检查出来:http://docs.blackberry.com/en/developers/deliverables/6176/HTML_ref_meta_564143_11.jsp