Кривота Margin в IE - SEO форум MaulTalk.com

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Кривота Margin в IE

Опции

Treantone

Topic Starter сообщение

2.7.2012, 17:22; Ответить: Treantone

Сообщение #1

Новичок

Группа: User
Сообщений: 18
Регистрация: 21.12.2011
Поблагодарили: 0 раз
Репутация:

Вообщем, эта проблема мне надоела, в IE у меня всегда что блоки, что таблицы при margin-left на 1 шаг уходят влево или вправо больше чем в опере, хроме, лисе сафари и тд, говорят что IE 6 не поддерживает margin-left, и проблема решается с помощью display:inline; . Цитирую

Браузер Internet Explorer 6 удваивает значение левого или правого отступа для плавающих элементов, вложенных в родительские элементы. Удваивается тот отступ, который прилегает к стороне родителя. Проблема обычно решается добавлением display: inline для плавающего элемента.

. Но это как странно не помогает. Что я ток не пытался , и в пикселях поставил, и позиционирования менал. он серовно уходит на 2 шага вперед в IE . Вот мой код ,

.st1 {
top: 12px;
width: 70px;
left: 20px;
float: left;
position: relative;
}
.st2 {
top: 12px;
float: left;
width: 80px;
left: 40px;
position: relative;
}

В этом коде тоесть блок st1 должен быть чуть дальше блока st2 влево, а тот в право, тоесть это предстовляет собой 2 блока , в которых будет меню).

Ответить с цитированием данного сообщения

yury_mw

2.7.2012, 19:36; Ответить: yury_mw

Сообщение #2

Завсегдатай

Группа: User
Сообщений: 648
Регистрация: 13.5.2009
Поблагодарили: 0 раз
Репутация:

195

Treantone, либо вы что-то путаете, либо обманываете нас. :)
Абсолютно одинаково во всех браузерах отображаются плавающие блоки с display:inline; (включая IE6)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>tst</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
*{margin:0; padding:0; font: 10px Arial, "Nimbus Sans L", Helvetica, sans-serif;}
.st1 {
float: left;
width: 80px;
height: 70px;
margin: 12px 0 0 20px;
display:inline;
background: #f00;
}
.st2 {
float: left;
width: 80px;
height: 70px;
margin: 12px 0 0 40px;
display:inline;
background: #0f0;
}
</style>
</head>
<body>
<div class="st1">st1<br />margin-top:12px; margin-left:20px;</div>
<div class="st2">st2<br />margin-top:12px; margin-left:40px;</div>
</body>
</html>

Эскизы прикрепленных изображений

Алия_mw Алия_mw 2.7.2012, 21:31; Сообщений: 42 Поблагодарили: 0 раз Репутация: 10 Просмотр профиля	2.7.2012, 21:31; Ответить: Алия_mw Сообщение #3
Новичок Группа: User Сообщений: 42 Регистрация: 27.6.2012 Поблагодарили: 0 раз Репутация: 10	Treantone, а Вы поля обнулили? <style type="text/css"> *{margin:0; padding:0}

Treantone Topic Starter TreantoneTopic Starter 3.7.2012, 8:22; Сообщений: 18 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 3.7.2012, 8:22; Ответить: Treantone Сообщение #4
Новичок Группа: User Сообщений: 18 Регистрация: 21.12.2011 Поблагодарили: 0 раз Репутация: 0	Алия - да

sc2r2bey sc2r2bey 3.7.2012, 8:34; Сообщений: 2596 Поблагодарили: 10 раз Репутация: 73 Просмотр профиля	3.7.2012, 8:34; Ответить: sc2r2bey Сообщение #5
Топовый постер Группа: User Сообщений: 2596 Регистрация: 22.8.2010 Поблагодарили: 10 раз Репутация: 73	может быть это будет вам интересно http://www.masterweb...showtopic=11362 и http://www.masterweb...?showtopic=5982 вот еще по вашей проблеме http://shublog.ru/ht...ojjstvo-margin/ необходим хак, это особенность 6 ослика, я в свое время наткнулся на эти грабли сейчас поищу оригинал статьи... вот кажется http://www.positioni...floatmodel.html и вот http://www.positioniseverything.net/explor...hreepxtest.html -------------------- Заметки о разработке и не только программирую web и для we

Treantone Topic Starter TreantoneTopic Starter 3.7.2012, 9:08; Сообщений: 18 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 3.7.2012, 9:08; Ответить: Treantone Сообщение #6
Новичок Группа: User Сообщений: 18 Регистрация: 21.12.2011 Поблагодарили: 0 раз Репутация: 0	surfer, спс

sc2r2bey sc2r2bey 3.7.2012, 9:31; Сообщений: 2596 Поблагодарили: 10 раз Репутация: 73 Просмотр профиля	3.7.2012, 9:31; Ответить: sc2r2bey Сообщение #7
Топовый постер Группа: User Сообщений: 2596 Регистрация: 22.8.2010 Поблагодарили: 10 раз Репутация: 73	проблема решена? -------------------- Заметки о разработке и не только программирую web и для we

Treantone

Topic Starter сообщение

3.7.2012, 19:44; Ответить: Treantone

Сообщение #8

Новичок

Группа: User
Сообщений: 18
Регистрация: 21.12.2011
Поблагодарили: 0 раз
Репутация:

surfer - да)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

	Тема	Ответов	Автор	Просмотров	Последний ответ
	margin	4	FelixRaven	6044	9.9.2011, 16:45 автор: -Александр Крайсветный-

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 20.4.2024, 2:33

Дизайн