2011-08-16 10 views
-3

私は一日中私に迷惑をかけている奇妙な問題があります。 http://www.abbey-garage.co.uk/manufacturer.php?id_manufacturer=4Internet Explorerで奇妙なLIの空白の問題

基本的に、Firefoxでこのページを表示すると、各リスト項目(車両リスト)には小さな間隔(約10ピクセル)がありますが、Internet Explorerでは劇的に約100pxに増加しました!

これを引き起こしている可能性のあるものは誰にも分かりませんか?

多くのありがとうございます! :)

+6

閉じられていないタグがたくさんあります。 HTMLの検証:http://goo.gl/8sQ1t – James

答えて

1

ここでは2つの問題があります。最初はglobal.cssの1548行目の100%幅です:

ul#product_list li div.center_block { 
    vertical-align: top; 
    width: 100% 
} 

幅を削除しても問題ありません。

第二の問題は価格があり、これを行うには良い方法は次に上記を変更...であり、それが動作するはず

ul#product_list li div.right_block { 
    margin-right: 1em; 
    width: 11em; 
    text-align: left; 
    margin-top: 155px; 
} 

いるglobal.cssのライン1552で画像の下に強制されている方法でありますより良い...

ここでガントリはありませんが、htmlは混乱しており、特にIEではデバッグが難しいです。

+0

ありがとうございました! – BenjaminPaul

+0

実際にはプログラミング上の問題であることが判明しました... prestashopのPHPテンプレートエンジン内の関数の1つは、HTMLを取り除く前に製品の説明の一部を切り捨てていました。これは基本的にHTML内の閉じられていないタグなどをいくつかの演奏私はこれを解決するために管理! – BenjaminPaul