1
私のヘッダーが正しく整列されていないようです。私は以下のコードでインターネットエクスプローラで入手できる最も近いですが、Firefoxではひどいです。私はすべてのフォーラムで読むことができるすべてを試しましたが、私がそれをプレイするほど、もっと悪くなります。私が望むのはheader.pngがページ全体に広がっていることだけです。その後、formtop.pngを中心としたヘッダをバックグラウンドとして使用したいと思います。そのヘッダーの中で、header.pngをヘッダーdivの左下に、私の花火メニューテーブルを右下にします。 IEでは、メニューテーブルを除いてすべてが並んでいますが、divとdivの間にはスペースがあります。 Firefoxでは何も表示されません。私は絶対的および相対的な設定のために疑いがあります。私のヘッダーdiv内のすべてのものは、Firefoxの左上に終わります。しかし、絶対的な属性と相対的な属性を使って遊ぶことは、IEですべてを吹き飛ばします。誰かが、ほとんどのブラウザに適用されるヘッダーdivを整列させる方法を示す基本的なチュートリアルに助けてくれますか？前もって感謝します。CSSヘッダーの配置
</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>
私たちが見ることができる公開サイトを持っていますか？ – nmagerko
2012年のほぼ...インラインスタイル... ***の痛み。ちょっとしたスタイルのCSSは、どんなプログラマーの顔にも広い笑顔をもたらすことができます –
あなたは本当にマークアップを整理するべきです。あなたのHTMLを正しい方法で書くと、CSSはもっと簡単になります。 –