Странная проблема с Internet Explorer и Firefox - PullRequest
Новая
       21

Странная проблема с Internet Explorer и Firefox

0 голосов
/ 13 января 2011

Мой друг попросил меня о помощи, но я не смог обнаружить ошибку.Это о:http://www.nachhilfe -hh.de / nachhilfe-hamburg-west.php

Проблема заключается в том, что изображение телефона обрезается, а текст накладывается на Internet Explorer.Firefox работает отлично.Я проанализировал CSS с помощью Firebug и обнаружил, что отсутствует «».Это решило проблему, но не с изображением.Если я пытаюсь изменить ширину изображения: не происходит.Если я пытаюсь изменить положение текста: либо внешний вид отстой в IE или Firefox.И изменение "

" на "" также не дает никакого эффекта. У кого-то есть идея?Pls?

Ответы [ 3 ]

1 голос
/ 13 января 2011

.telefoncontainer получил width:329px и картинка получила 370px.

Она работает в другом браузере, потому что ширина .telefoncontainer p хорошая.Но IE игнорирует ширину детей, чтобы изменить размер родительской.

1 голос
/ 13 января 2011

Первый раз: все еще отсутствует </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 с, div с и center не нужны).

А затем просто отрегулируйте padding контейнера, пока содержимое не будет правильно расположено.

Пример: http://jsfiddle.net/sVhd2/

0 голосов
/ 13 января 2011

Вы пытались использовать условный комментарий специально для IE?это позволит вам иметь разные стили для каждого браузера, поэтому изменение одного не должно нарушать другого.См. http://www.quirksmode.org/css/condcom.html для хорошего ознакомления с возможностями и использованием этих

...