0

FirefoxとChromeでこのWebサイトを確認しましたが、「リリース」セクションの配置は正しいようです：http ://www.mysecretathens.gr/Sera/releases.html

ただし、何らかの理由でInternet Explorerでページを開くと、ご覧のとおり、一部のテキストが中央に配置されます。私はこれに苦労していて、解決策を見つけることができません。

テーブル形式で使用していた疑似要素が問題の原因であるかどうか疑問に思いました

table td:nth-child(even) {text-align:center; }

しかし、そうではないと思います。何か案は？

4

3 に答える 3

1

まず、ナビゲーションアンカーが浮かんでいます。ブロックのような構造を維持するために、どこでクリアを行っていますか？これが、IE7でナビゲーションが壊れている理由です。

IE 7はCSSでn番目の子をサポートしているとは思いません。これは、Jqueryを使用して行うか、コンテンツを中央に配置するテーブルセルにクラスを追加する必要があります。

お役に立てれば

汚物

/ **ここで更新された回答***** /

ここで「クリア」フロート要素について読む価値があると思います

IE 7および6は完全なB＆＃@ Hであるため、ブラウザーのようなこれらのスカムに対応するために、他の方法で必要なものを開発できる必要があります。それで、これがあなたの「nav」cssとhtmlが現在の標準に従ってどのように見えるべきかについてのJsfiddleです。

また、 「クラス」ではなく「 id 」をいつ使用するかをブラッシュアップする必要があると思います。この場合、HTML内に「 nav 」を1つだけ含める必要があるため、これにIDを付けます。それはユニークだからです。

インラインナビゲーションが必要な場合は、「li」要素をフロートさせ、ナビゲーション後に「 ul 」にクラス「 clearfix」を追加してそれに応じてスタイルを設定することにより、クリアを行うのが最善だと思います。

「クリア」の簡単な例として、段落を含むナビゲーションの後にdivがあります。「 nav」からクラス「clearfix 」を削除すると、「paragraph 」が「 nav 」と一致して表示されます。したがって、これがすべてのフロート要素をクリアすることが重要である理由です。

テーブルのセンタリングの問題については、すべてのブラウザとモバイルデバイスに対応できるため、私が提供したJsfiddleが最適なルートです。

于 2012-08-30T02:35:05.800 に答える
1

あなたのページ<center>cover: Poor Designers</></div>に 不正な形式のhtmlがあります<center>cover: Poor Designers</center></div>。ブラウザーが異なれば、不正な形式のマークアップがさまざまな方法でレンダリングされます。クロムは捨て<center>られ、つまりdivにラップされます。

于 2012-08-30T02:47:33.187 に答える
0

内部にあるテーブルは、何らかの理由でデフォルトでtext-align centerに設定されており、tdは値を継承していると思います。

.text table{
    text-align:left;
}
于 2012-08-30T02:38:13.177 に答える