gpt4 book ai didi

html - CSS 标题对齐

转载 作者:行者123 更新时间:2023-11-28 13:38:43 26 4
gpt4 key购买 nike

我似乎无法让标题正确排列。我是我在 Internet Explorer 中最接近的代码,但它在 Firefox 中看起来很糟糕。我已经尝试了我在每个论坛上可以阅读的所有内容,但我玩得越多,它看起来就越糟。我想要的只是 header.png 在整个页面上传播并且效果很好。然后我想要一个以 formtop.png 作为背景的居中标题,并且效果很好。现在在该 header 内,我希望 logo.png 位于 header div 的左下角,而我的烟花菜单表位于右下角。在 IE 中,除了菜单表和 div 的最底部之间有一些空间外,所有内容都排成一行。在 Firefox 中,什么都没有排队。我怀疑是因为绝对和相对设置。我想要在 header div 中的所有内容最终都在 Firefox 的左上角。但是使用绝对和相对属性会破坏 IE 中的所有内容。有人可以帮助我或向我指出一个基本教程,该教程显示如何排列适用于大多数浏览器的标题 div 吗?

</head>
<body style="text-align:center; margin:0; padding:0;">
<div style="width:100%; height:100px; background-image:url(header.png);position:relative;">
<div>
<div style="height:100%; width:100%; background-image:url(formtop.png); background-repeat:no-repeat; background-position:center; left:0; bottom:0; position: absolute;">
<div style="width:920px; position:relative;">
<div><img name="n12" src="logo.png" border="0" alt="" align="left"></div>
<div style="padding-top:10px; float:right; padding-right:30px; position:absolute; bottom:0;">
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="400">
<!-- fwtable fwsrc="Untitled" fwpage="Page 1" fwbase="navbar.png" fwstyle="Dreamweaver" fwdocid = "1979268284" fwnested="0" -->
<tr>
<td><img src="images/NavBar/spacer.gif" width="124" height="1" border="0" alt="" /></td>
<td><img src="images/NavBar/spacer.gif" width="139" height="1" border="0" alt="" /></td>
<td><img src="images/NavBar/spacer.gif" width="137" height="1" border="0" alt="" /></td>
<td><img src="images/NavBar/spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td><img name="navbar_r1_c1_s1" src="images/NavBar/navbar_r1_c1_s1.png" width="124" height="50" border="0" id="navbar_r1_c1_s1" alt="" /></td>
<td><a href="javascript:;" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('navbar_r1_c2_s1','','images/NavBar/navbar_r1_c2_s2.png',1);"><img name="navbar_r1_c2_s1" src="images/NavBar/navbar_r1_c2_s1.png" width="139" height="50" border="0" id="navbar_r1_c2_s1" alt="" /></a></td>
<td><a href="javascript:;" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('navbar_r1_c3_s1','','images/NavBar/navbar_r1_c3_s3.png',1);"><img name="navbar_r1_c3_s1" src="images/NavBar/navbar_r1_c3_s1.png" width="137" height="50" border="0" id="navbar_r1_c3_s1" alt="" /></a></td>
<td><img src="images/NavBar/spacer.gif" width="1" height="50" border="0" alt="" /></td>
</tr>
</table>
</div>
<br/>
</div>
</div>
</div>
</div>
</div>
<div>

最佳答案

更简洁:

margin: 0px auto;

不过,正如 nmagerko 所说,看到已发布的网站会很有帮助。

关于html - CSS 标题对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8638130/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com