奇怪的Internet Explorer和Firefox CSS問題

我的一位朋友向我尋求幫助，但我無法發現錯誤。這是關於的：
http://www.nachhilfe-hh.de/nachhilfe-hamburg-west.php 奇怪的Internet Explorer和Firefox CSS問題

問題是手機圖像越來越切割，文本與Internet Explorer重疊。 Firefox工作正常。我用Firebug分析了CSS，發現缺少「</div>」。這解決了一個問題，但沒有形象的問題。如果我試圖改變圖像的寬度：不會發生。如果我試圖改變文字的位置：要麼外觀吸入IE或Firefox。並且將「< div>」更改爲「< span>」也不起作用。

有人有想法嗎？ PLS？

來源

2011-01-13 Crayl

您是否嘗試過使用條件註釋特別針對IE？這將允許您爲每個瀏覽器使用不同的樣式，因此一個變化不應該打破另一個。請參閱：http://www.quirksmode.org/css/condcom.html爲了良好的運行能力和使用這些

來源

2011-01-13 13:57:09 WickyNilliams

我不使用條件註釋認爲是不好的HTML和CSS的解決方案。 – RoToRa 2011-01-13 14:06:41

.telefoncontainer得到width:329px和圖片得到370px之一。

它適用於其他瀏覽器，因爲.telefoncontainer p的寬度很好。但IE忽略了兒童寬度來調整父母的寬度。

來源

2011-01-13 14:01:09 Shikiryu

第一關：還有一個</div>丟失：http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.nachhilfe-hh.de%2Fnachhilfe-hamburg-west.php

我建議，以避免position: relative。這是重疊的原因，即使你在這種情況下發現錯誤，也可能導致在其他地方更多的重疊。

簡化HTML的telefoncontainer到：

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

（所有多餘的，p S，div S和center是不必要的）。

然後只是調整容器的padding，直到內容定位正確。

例子：http://jsfiddle.net/sVhd2/

來源

2011-01-13 14:05:53 RoToRa

奇怪的Internet Explorer和Firefox CSS問題

回答

相關問題