CSS - Поля плохая вещь?
Я заметил, что некоторые браузеры испытывают затруднения из-за полей, особенно когда элемент пускается в ход. Например, этот веб-сайт, который я делаю, выглядит хорошо в Firefox, но IE7 завинчивает поля полностью, это кажется. Я также testet это на нескольких браузерах Linux также и часть делания подобных ошибок.
Сайтом является http://w3box.com/mat
Это выглядит хорошо в FF3.0 насколько я могу сказать. Еще не видели его в FF2 или IE6. Почему это происходит? Это, потому что я пустил в ход ОТДЕЛЕНИЯ с указанными полями?
Есть ли некоторые вещи, которых я должен избежать или должен был сделать по-другому?
Править: Таким образом, похоже, что мои теги были источником провала. Я поместил изображения в, который не был определен в CSS, и это имело плавания на них, объединенный с полями. Они завинтили все, и я должен восстановить их.
Кроме того, некоторый материал произошел, когда я использовал XHTML Строгий вместо этого :) Спасибо все! Я попытаюсь зафиксировать это самостоятельно :)
6 ответов
Марка неплохой, но т. Е. имеет некоторые проблемы с полями поплавковых элементов. Хотя есть много рецептов для фиксации, я считаю, что в вашем случае вы можете использовать абсолютное позиционирование вместо поплавок + полей (вам на самом деле не нужно «поплавка» поведение, когда изображение упаковано текстом)
Это действительно зависит от «доверия» Google к сайту.
-121--5086283- После создания представления с помощью схемы можно добавить к нему первичный ключ:
CREATE VIEW Colors WITH SCHEMABINDING
AS SELECT Color='yellow', ColorCount=100
GO
CREATE UNIQUE CLUSTERED INDEX PK_Colors ON Colors (Color)
Я бы предложил использовать ту или иную форму CSS Framework (Blueprint CSS Вы должны найти, что разработка между браузерами проще с помощью рамки.
Разные браузеры имеют разные способы Чтобы обрабатывать модуль коробки. Большую часть времени сайты, которые отображаются хорошо в FF, Chrome или IE8, могут иметь проблемы в IE6 и 7. Для обработки эта проблема вы можете попытаться установить все маржу и прокладку по умолчанию до 0 (и настроить их по мере необходимости на определенных элементах):
* {Margin: 0PX; прокладки: 0px; } // Прошедшее правило ...
Чтобы увидеть больше на сбросе CSS, вы можете посмотреть: http://meyerweb.com/ru/ru/tools/css/reset/
, а затем применить разные стили для IE7 и 6 с условными комментариями.
Как упомянуто на других ответах, это связано с интерпретацией IE IE, модели .
Всякий раз, когда все плавает, т.е. имеет тенденцию удвоить указанную маржу. Это может быть исправлено с дополнительной таблицей стилей для IE, используя условные комментарии .
Смотрите также: http://www.positioniseverything.net/explorer/doubled-margin.html
Я не согласен с использованием библиотеки, если вы хотите узнать о CSS частью кривой, к сожалению, изучается о способах разных браузеров на CSS. Я бы даже не предложил использовать стиль сброса. Если вы собираетесь делать это многое узнать, как работает CSS. Если вы используете библиотеку или установить таблицу стилей, которые вы не понимаете, как вы его исправите, когда это сломается.
не портативно. Некоторые ароматы делают абсолютно требуют символов вкладок. Еще одна причина для предпочтения вкладок по поводу пробелов: -)
-121--730831-Нет ничего плохого в использовании поля .
Старые версии IE имеют одну ошибку, и только одна не достаточно причин, чтобы избежать использования одной из функций основных компоновков CSS. В частности, эта ошибка возникает в IE, когда вы плавите объектом и придаете ему маржу в том же направлении, например, a.g.
.whatever {
float: right;
margin-right: 5px;
}
you может иметь дело с этим ряд способов, в зависимости от вашего макета. Один из способов было бы добавить другой DIV вокруг вашей коробки и используйте прокладку на том, чтобы реплицировать одно и то же пространство, которое будет.