html - 元素在调整页面大小时不移动

Question

我正在使用以下代码在 HTML 页面上放置标题/标题：

<table width="100%" height="55px" border="0" cellpadding="0" cellspacing="0">
    <tr>
         <td style="height:10px">&nbsp;
         </td>
    </tr>
    <tr>
        <td style="width:105px;"></td>
        <td align="left"  style="padding-right:10px;padding-left:10px">

        <div style="font-family:quicksand;font-size: 28px; color:##bdbdc0;z-         index:1000000;position:relative;">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            De Graef    <font size="2">Landelijk & Sfeervol Wonen</font>
        </div>

        </td>
    </tr>
</table>

其他内容在其他表格中。

当我放大或缩小，或只是更改分辨率时，此文本不会与其他页面元素同步移动它的位置。

有任何想法吗？

Answer 1

将标题行更改为：

<tr>
    <td align="center" style="font-family:quicksand;font-size: 28px; color:##bdbdc0;margin-left:-50px;background-color:##4D4946;">
        <table width="956" border="0" height="100%" cellspacing="0" cellpadding="0" style="background-color:##4D4946;">
            <tbody>
                <tr>
                    <td style="background-color:##4D4946;">
                        <br>
                        <br>
                        <img style="background-color:##4D4946;" src="images/logonew.png">
                    </td>
                </tr>
            </tbody>
        </table>
    </td>
</tr>

我在这里为您提供帮助，但应该认真考虑以干净和现代的方式重写所有代码，您的大部分代码已被弃用：

• 使用适当的 HTML 标记来分割您的文档
• <table> 仅在您需要实际表格时使用
• 使用单独的 CSS 文件来保持你的标记干净
• 阅读有关所有这些的 W3C 建议