Safari центрирует текст на моем сайте, когда Firefox, IE выравнивает его по левому краю. Легко исправить? - PullRequest
Новая
       15

Safari центрирует текст на моем сайте, когда Firefox, IE выравнивает его по левому краю. Легко исправить?

0 голосов
/ 21 февраля 2009

Я столкнулся со странной причудой. На веб-сайте, который я создаю для Escondido Arts Gallery , весь текст каждого элемента выровнен по левому краю в Firefox и IE, но по какой-то причине в Safari все по центру. Есть ли одно простое исправление CSS или HTML, которое я могу сделать, чтобы исправить это, или мне придется 'text-align: left' каждый элемент?

Ответы [ 4 ]

3 голосов
/ 21 февраля 2009

Ничего удивительного нет: 

    <body tracingsrc="../../non assets/web2.jpg" tracingopacity="30" align="center">

Просто избавьтесь от проприетарных атрибутов (особенно align = " center "), и ваша проблема решена.

1 голос
/ 21 февраля 2009

Зависит от , почему выровнено по левому краю. Если это просто браузеры, применяющие различные значения по умолчанию, вы можете сделать так, как говорит greyfade, чтобы все теги по умолчанию выравнивались по левому краю во всех браузерах.

Если проблема заключается в ошибках в реализациях CSS браузеров, то вам, возможно, придется отследить причину несогласия браузеров и найти обходной путь к этому.

Указание строгого, а не переходного типа документа также может помочь получить более унифицированное поведение от браузеров (и давайте будем честными, можем ли мы действительно утверждать, что все еще «переходим» на HTML4.01 или XHTML1.0? Оба стандарта почти десять лет.)

1 голос
/ 21 февраля 2009

Что-то не так с CSS (или есть закрытый тег html). Свойство выравнивания по центру должно быть каскадным из какого-то другого элемента, потому что это не только safari / chrome (который также использует webkit), но и опера, которая показывает выравнивание по центру, а safari / chrome и opera более совместимы по стандартам, чем ie и даже firefox .

1 голос
/ 21 февраля 2009 
* { text-align: left; }

Если все происходит правильно, этого должно быть достаточно: 

html, body { text-align: left; }
...