CSSで問題が発生し、整列する

-3

私は、整列= centerを持つテーブルを持っているページを持っています。その中にいくつかのコンテンツがあり、このテーブルは、背景色が青色のdivクラスのタグの中にあります。アライメントが中心であれば背景色は青色になりますが、アライメントを左に変えると背景色が来ない（青色が来ない）。CSSで問題が発生し、整列する

出典

2011-08-12 Shafi

+11

あなたはHTML/CSSを投稿できますか？ –

あなたの編集履歴を見ました。さて、あなたはこのコードを持っていると仮定しましょう：

<div class="BackgroundDetails"> 
<table cellspacing="0" cellpadding="0" width="100%" border="0" align="left"> 
    <tr> 
    <td> 
    <table cellspacing="0" cellpadding="0" width="100%" align="left" border="0"> 
    <tr> 
     <td class="MainHeading" align="center"> 
     Request Form 16 
     </td> 
    </tr> 
    </table> 
    </td> 
    </tr> 
</table> 
</div>

はそれを動作させるために「.BackgroundDetails」の後ろに「テーブル」を追加します。または、divの幅/高さを固定します。したがって、必要なのは次のとおりです。

cellpadding、cellspacing、alignなどのHTML要素の代わりにCSSを使用してください。この表内テーブルは奇妙ですが、おそらくこの構造を使用する必要があります。これはあなたのベースになる可能性があります：http://jsfiddle.net/t8PuQ/1/

... oooor削除浮動小数点のようなRoToRaアドバイス。

出典

2011-08-12 10:03:43 SchurigH

... RoToRaのように浮動小数点を削除することをお勧めします。 – SchurigH

表のHTML属性align="left"（または="right"）は、CSS float: left（またはright）と同じです。

フローティングは、通常のフローから要素を削除します。そのため、背景色のdivは空白になり、高さはゼロになり、表示されません。

テーブルを左に揃え、実際に浮かせない場合は、テーブルがデフォルトで左に揃うため、align="left"をそのままにしておきます。

今後は、Webページのデザインに非推奨のHTML属性の代わりにCSSを使用することを学ぶ必要があります。これを行うにはいくつかのステップは、例えば次のようになります。

は、あなたのWebページではなく、移行の厳格なDOCTYPEを持っていることを確認してください：
```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
```
古いHTML属性を見つけるためにあなたのWebページを検証します。http://validator.w3.org/
は、代わりにCSSを使用することを学ぶ：http://htmldog.com/

出典

2011-08-12 10:06:01 RoToRa

CSSで問題が発生し、整列する

答えて

関連する問題