私は約 1 か月前にこの会社に入社し、ウェブサイトをきれいにしようとしてきました。それは本当の混乱です。私の上司は IE を使用していますが、私は Chrome を使用していました。「World-Class Mechanical Engineers & Contractors - in Central PA」という jQuery スライダーの下の見出しは、 の左端に表示され<td>
ますが、他の h1 には表示されません。Chrome でも IE と同じようにサイトをレンダリングしたいのですが、Chrome での表示方法は私が望んでいるものです。Chrome では、h1 は右に 40 ピクセル引き込み、インデントします。ここで何が欠けていますか?
質問する
155 次
2 に答える
2
マークアップが無効です。以下のスニペットの2行目に、h1を子とするテーブル要素があることに注意してください。
<tr>
<td height="50" colspan="2" valign="bottom"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<h1 style="margin-left:40px">World-Class Mechanical Engineers & Contractors - in Central PA</h1>
<p style="margin-left:50px; margin-right:75px">Enginuity, LLC is a local firm with decades of global experience in the HVAC and Plumbing sectors. Whether you're looking for a custom process design/build, a retrofit to existing HVAC equipment, service and maintenance, or sustainable energy solutions, Enginuity-LLC is your ultimate one-stop partner. What began in 2002 with four mechanical contracting veterans, has grown into an 85-strong firm that still delivers the best design, service, and support in the business.</p>
<p style="margin-left:50px; margin-right:75px">Enginuity-LLC is more than just your local Energy Star Partner & MSCA Green-Star Recipient; we're your solutions provider for the life of your building. We've worked with large enterprises and small businesses, but regardless of what you need, you'll find a level of professionalism and experience unmatched in the HVAC, Plumbing, and Mechanical Contractor market.</p>
<h1 style="margin-left:40px">We Specialize in:</h1>
<table style="margin-left:80px">
<tr>
<td width="180px">
<ul>
<li>HVAC</li>
<li>Plumbing</li>
<li>Medical Gas Piping</li>
<li>Pneumatic</li>
<li>Hydraulics</li>
<li>Steam</li>
<li>Compressed Air</li>
<li>Process Piping</li>
<li>Refrigeration</li>
<li>Utility Piping</li>
<li>Ventilation</li>
</ul>
</td>
<td width="220px">
<ul>
<li>Centrifugal Chillers</li>
<li>Special Environments</li>
<li>Specialty Fabrication</li>
<li>Backflow Preventers</li>
<li>Fire Damper Inspection</li>
<li>Sheet Metal / Ductwork</li>
<li>New Construction</li>
<li>Tenant Fitouts</li>
<li>Restoration</li>
<li>Turn-Key Design / Build</li>
<li>Preventative Maintenance</li>
</ul>
</td>
<td width="220px">
<ul>
<li>Energy Retrofits</li>
<li>Energy Optimization</li>
<li>Computer Rooms</li>
<li>Climate Control</li>
<li>Radiant Floor Systems</li>
<li>Geothermal Systems</li>
<li>Energy Audits / Benchmarking</li>
<li>Fire Damper Inspection</li>
<li>Liebert Certified Data-Aire</li>
<li>Electrical Controls</li>
<li>DDC</li>
</ul>
</td>
</tr>
</table>
<br>
</td>
</tr>
<td align="left" width="800px">
また、IE(F12)で開発者ツールを開くと、その領域で異常が発生していることに気付くでしょう(私にとっては、<>の子が表示されますが、これは不可能です)。
于 2013-02-01T21:36:33.150 に答える
0
CSS リセットを使用して、独自のマージンをスタイルできます。
スタイルシートをリセットする目的は、デフォルトの行の高さ、余白、見出しのフォント サイズなどにおけるブラウザの不一致を減らすことです。
于 2013-02-01T21:26:59.470 に答える