Может кто-нибудь объяснить, почему мои элементы не правильно расположены в старых браузерах? - PullRequest
0 голосов
/ 21 июня 2011

Просто я не очень разбираюсь в XHTML, CSS или Javascript и пытаюсь учиться. Я знаю, что нужно сделать, чтобы заставить вещи работать или выглядеть так, как я хочу, но я предполагаю, что мои методы не являются стандартным лучшим способом получить желаемые результаты; очевидно, не потому, что он работает не во всех браузерах.

Я надеюсь, что кто-то, кто захочет потратить немного времени со мной, изучит код, даст рекомендации и объяснит, почему то, что у меня есть, не является стандартным для кодирования. У меня есть некоторые ошибки проверки, но в основном они все в javascript, который я даже не написал, поэтому я честно не знаю, вызывают ли они проблемы или как их исправить, если они есть.

Так что мой сайт довольно прост. Я просто хочу иметь профессиональную страницу, где потенциальные работодатели могут видеть мое резюме и контактную информацию. Когда я смотрю на мой сайт в Firefox 4 или Safari 5.0.5, все идеально. Изображение моего имени и изображения вкладки "контакт" совпадают с краем основного контейнера div. Кроме того, текст с изображением стрелки выравнивается примерно на 50 пикселей вправо, чтобы стрелка не перекрывалась с моим изображением резюме. Я использую абсолютное позиционирование, потому что, когда я пытаюсь использовать что-то еще, все становится грязным.

Проблема, с которой я сталкиваюсь: Логотип моего имени, вкладка с изображением контакта и стрелка "Пожалуйста, побалуйте себя ...", когда я вижу свой веб-сайт в IE8, изображение на расстоянии примерно 65 пикселей влево и Firefox 3.

Мой сайт: nicholasdexter.me

Еще раз прошу прощения за то, что этот вопрос направлен на меня, но я знаю, что вы все эксперты, и я не знаю, куда еще обратиться за помощью. Спасибо за чтение!

Вот моя таблица стилей: http://nicholasdexter.me/style.css

1 Ответ

2 голосов
/ 21 июня 2011

В старых браузерах (особенно в Internet Explorer 6 и 7) есть много ошибок. Кроме того, некоторые вещи просто не поддерживаются в старых браузерах.

Хитрость заключается либо в: - Используйте то, что называется Graceful Degradation / Progressive Enhancement, в котором используются более новые методы, но они используются таким образом, что не имеет значения, есть ли поддержка или нет для этих вещей. Например, тени, если их никто не видит, кого это волнует? Если они это сделают, отлично. Хитрость это уравновешивает. - Избегайте этих «новых» техник в целом.

Здесь нет ничего нового, и даже боль для профессионалов. Microsoft теперь ненавидит IE6. http://www.ie6countdown.com/ Так что не мучайте себя за это. :)

Существует множество ресурсов, которые могут помочь вам найти правильные решения для ваших проблем. Вот один из них:

О, и не стесняйтесь задавать вопросы снова. Front-End Development (кодирование веб-контента) - это настоящая проблема в некоторые дни! :)

...