分辨率较低时,Div会拧起来吗?

时间:2012-09-10 20:22:07

标签: css html

我最近一直在这个网站上工作很多,因为我真的很想完成它,但遗憾的是我只是在遇到问题后继续遇到问题。所以这一次,我设置了div完美,但是当你的分辨率较低时,div决定向下移动。我不明白。如果我放大它就会发生。或者,如果我缩小分辨率,那就完美了。

CSS:

#states{
    float:left;
    background-color:#EEEEEE;
    overflow: auto;
    display:inline-block;
    font-size:14;
}

#container{
    position:relative;
    margin-bottom:40%;  
    margin-left:11%;
}

#index{
    float:left;
}

HTML:

<table width="100%" align="center" border="1" cellspacing="1" cellpadding="5">
    <tr>
        <td width="100%" valign="top">
            <?php states(); ?>
            <div id="container">
            <!--Start Content-->
            <div id="index">
            <table align="center" width="100%" class="test" border="0" cellspacing="1" cellpadding="15">
                <tr align="left">
                    <th>Posted</th>
                    <th>Title</th>
                    <th>Description</th>
                    <th>Location</th>
                    <th>User</th>
                </tr>
            </table>
            </div>
            <!--End Content-->
            </div>
        </td>
    </tr>   
</table>

1 个答案:

答案 0 :(得分:0)

也许你应该尝试无表格的方法。

<强> is a DIV inside a TD a bad idea?

  

如果在td中使用div,则会遇到可能难以预测元素大小的情况。