2011-01-13 14 views
0

私の友人は私に助けを求めるが、私は間違いを見つけられない。 それはおよそです:
http://www.nachhilfe-hh.de/nachhilfe-hamburg-west.php奇妙なInternet ExplorerとFirefox CSSの問題

問題は、携帯電話の画像をcuttedなっていると、テキストは、Internet Explorerと重なっていることです。 Firefoxは正常に動作します。 FirebugでCSSを分析したところ、 "</div>が見つからなかったことがわかりました。それは問題を解決しましたが、イメージを持つものは解決しませんでした。 イメージの幅を変更しようとした場合:発生しません。 テキストの位置を変更しようとすると、外観がIEまたはFirefoxでうまくいきます。 "< div>"を "< span>"に変更しても効果はありません。

誰かがアイデアを持っていますか? Pls?

答えて

0

条件付きコメントを使ってIEを具体的に試してみましたか?これにより、ブラウザごとに異なるスタイルを持つことができるため、一方を変更しても他方を変更してはなりません。参照:http://www.quirksmode.org/css/condcom.htmlこれらの機能と使い方をよく理解してください。

+0

は悪いHTMLとCSSのためのソリューションです。 – RoToRa

+0

真実ですが、彼にそれらについて知らせるのは害ではありません – WickyNilliams

1

.telefoncontainerとなっており、画像は370pxのいずれかになります。

.telefoncontainer pの幅が良いので他のブラウザでも動作します。しかし、IEは親のサイズを変更するために子供の幅を無視します。

1

まず第一には:行方不明</div>があります:http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.nachhilfe-hh.de%2Fnachhilfe-hamburg-west.php

私はposition: relativeを避けるためにお勧めしたいです。重複の理由は、この場合エラーが見つかったとしても、他の場所で重複する可能性があります。

<div class="telefoncontainer"> 
    <div id="stadt">Nachhilfe Hamburg West</div> 
    <div id="telefon">040/839 75 03</div> 
</div> 

(すべての余分な、p秒、div sおよびcenterは不要です):

はにtelefoncontainerのためのHTMLを簡素化します。

コンテンツが正しく配置されるまで、容器のpaddingを調整してください。

例:私は条件付きコメントを使用しないと思いますhttp://jsfiddle.net/sVhd2/