2012-04-10 3 views
0

私のホームページや企業詳細ページで製品をご紹介します。 全く同じHTMLを使用していますが、何らかの理由で商品が異なるように見えます。ページごとにCSSの配置が異なる、理由が見つかりません

商品名は「Artikel 1」です。

ここに商品が正しく表示されています:http://www.zorgbeurs.nl/ グリーン価格帯が製品のすぐ下にあることに注意してください。

しかし、ここでは:http://www.zorgbeurs.nl/bedrijven/76/mymedical グリーン価格帯はページの一番下にあります。

なぜですか?

+0

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.zorgbeurs.nl%2Fbedrijven%2F76%2Fmymedical&charset=%28detect+automatically%29&doctype=Inline&group=0 – Quentin

答えて

2

li要素には、ul要素が含まれていないため、割り当てられたクラスが取得されません。したがって、price要素の絶対位置は、他の要素(css positioning)に対して相対的に位置付けられます。

同じ最終クラスを取得するには、スタイルがすべての親から継承されることを考慮してください。 li要素を<ul class="product_item"></ul>の間に囲みます。

+0

ボーイ、Iを推測ちょうどそれを多く見て、それをもう見られなかった。ありがとう! – Flo

2

あなたはmymedicalページにタグがありません。最初のリンクで

<ul class="product_item"> 
2

、あなたli要素はliに対する製品ブロックワークの絶対配置を行うposition:relativeセットを有しています。 2番目のリンクのliには相対的な位置付けが設定されていないため、絶対的な位置付けのルールはドキュメントに対して相対的に機能します。

ハムラビ氏によれば、これはulが欠けているためです。そのため、ルール.product_item liは適用されなくなりました。

関連する問題