Фон в firefox и в ИЕ7

candy_man · 26.08.2008, 13:46

Здравствуйте.

Возникла проблема с отображение фона в firefox и ИЕ7.

Ссылка: http://li.ru/go?http://clipland.ru/d...sid=1166827268 (посмотрите в лисе и в ИЕ).
Если сделать в верхнем div отступ вниз на 8px а в нижнем сдвиг вверх на 15 то ИЕ ленточки примыкает к изображению (как и требуется). А в firefox все съезжает.

Если же выставить по нулям (как по логике и должно быть), то лиса показывает логично а в ИЕ отступы...

Помогите советом, пожалуйста, ибо я в CSS начинающий.

Асмодиан · 26.08.2008, 13:57

Ну например так: уберите все padding и margin-ы, кроме img-а. У него
margin:0px 2px;
и для всех div-ов поставьте font-size:0px;
всё должно заработать как надо.

НО!!!
Сделанно у вас всё просто отвратительно.
Ошибки:
-нет Doctype!!! поставьте нормальный doctype - и куча ошибок уйдёт автоматом.
- стили прописанны прямо в html-коде - немедленно вынести в css

candy_man · 26.08.2008, 17:29

Пробовал добавить font-size:0px; - в фаерфоксе теперь отображается как надо. В ИЕ все равно зазоры. Почему в нем padding 2px игрнорируется?

С доктип полоски вообще исчезли.

Насчет CSS приму во внимание - обязательно вынесу в стили, сейчас просто тест на отдельной странице.

Асмодиан · 26.08.2008, 17:35

уберите все padding и margin-ы, кроме img-а. У него
margin:0px 2px;

candy_man · 26.08.2008, 17:43

Вот сделал: http://clipland.ru/data/img.php?newsid=1166827268

Snig · 26.08.2008, 18:04

Код HTML:

<body style="margin:0;padding:0;" >а тут ваше добро.</body>

а перед <head> еще такое писаните:

Код HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

candy_man · 26.08.2008, 21:06

Makarenya
Оперативно помог по ICQ.
Спасибо!

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Не устанавливается Firefox	poluSpes	HTML, CSS, JavaScript	1	04.02.2013 09:13
Позиционирование в Firefox	Vladislav1988	HTML, CSS, JavaScript	21	12.07.2010 15:52
AddOn для Firefox	Sapper	Софтодром	1	20.05.2009 13:35
Css footer FireFox	pacifist	HTML, CSS, JavaScript	7	14.02.2007 15:59
Даёшь Firefox	vision	Кальянная	3	09.09.2005 10:25

26.08.2008, 13:46	#1
candy_man	Здравствуйте. Возникла проблема с отображение фона в firefox и ИЕ7. Ссылка: http://li.ru/go?http://clipland.ru/d...sid=1166827268 (посмотрите в лисе и в ИЕ). Если сделать в верхнем div отступ вниз на 8px а в нижнем сдвиг вверх на 15 то ИЕ ленточки примыкает к изображению (как и требуется). А в firefox все съезжает. Если же выставить по нулям (как по логике и должно быть), то лиса показывает логично а в ИЕ отступы... Помогите советом, пожалуйста, ибо я в CSS начинающий.

26.08.2008, 13:57	#2
Асмодиан	Ну например так: уберите все padding и margin-ы, кроме img-а. У него margin:0px 2px; и для всех div-ов поставьте font-size:0px; всё должно заработать как надо. НО!!! Сделанно у вас всё просто отвратительно. Ошибки: -нет Doctype!!! поставьте нормальный doctype - и куча ошибок уйдёт автоматом. - стили прописанны прямо в html-коде - немедленно вынести в css

26.08.2008, 17:29	#3
candy_man	Пробовал добавить font-size:0px; - в фаерфоксе теперь отображается как надо. В ИЕ все равно зазоры. Почему в нем padding 2px игрнорируется? С доктип полоски вообще исчезли. Насчет CSS приму во внимание - обязательно вынесу в стили, сейчас просто тест на отдельной странице. Последний раз редактировалось candy_man; 26.08.2008 в 17:35..

26.08.2008, 17:35	#4
Асмодиан	уберите все padding и margin-ы, кроме img-а. У него margin:0px 2px;

26.08.2008, 17:43	#5
candy_man	Вот сделал: http://clipland.ru/data/img.php?newsid=1166827268

26.08.2008, 21:06	#7
candy_man	Makarenya Оперативно помог по ICQ. Спасибо!