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



 

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

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

Открыть тему
Тема закрыта
> margin-right не работает в IE
maleficmax
maleficmax
Topic Starter сообщение 14.10.2008, 16:34; Ответить: maleficmax
Сообщение #1


Вот код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html lang=ru>

<head>
<title>New Land</title>
<META NAME="Keywords" CONTENT="----------------">
<META NAME="Description" CONTENT="--------------">
</head>

<style type="text/css">

body {background-color: black;
margin: 0 0 0 0;}

.text {position: fixed;
top: 20px;
margin-left: 150px;
margin-right: 150px;
font-family: Arial;
font-size: 12pt;
color: white;
text-align: justify;"}

</style>


<body>

<div style="position: fixed; left: 0; top: 0;">
<img src="l.png"><br><img src="l.png">
</div>
<div style="position: fixed; right: 0; top: 0;">
<img src="r.png"><br><img src="r.png">
</div>


<div class=text>
авырол вырыаовлы ырвоыл ы ылв оыр оыл ыл ыовлыавырол вырыаовлы ырвоыл ы ылв оыр оыл ыл ыовлыавырол вырыаовлы ырвоыл ы ылв оыр оыл ыл ыовлыавырол вырыаовлы ырвоыл ы ылв оыр оыл ыл ыовлы
<br><br>
авырол вырыаовлы ырвоыл ы ылв оыр оыл ыл ыовлыавырол вырыаовлы ырвоыл ы ылв оыр оыл ыл ыовлыавырол вырыаовлы ырвоыл ы ылв оыр оыл ыл ыовлыавырол вырыаовлы ырвоыл ы ылв оыр оыл ыл ыовлыавырол вырыаовлы ырвоыл ы ылв оыр оыл ыл ыовлыавырол вырыаовлы ырвоыл ы ылв оыр оыл ыл ыовлы
</div>

</body>

</html>
Собственно, по сторонам экрана - картинки, на которые немного заезжает отцентраленная надпись...
Ничего сложного, но такой вот косяк: в ИЕ (только в нем!) нет отступа текста от правой стороны браузера. Даже более того, текст немного заезжает за границу экрана.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 14.10.2008, 17:26; Ответить: Webmaster_hb
Сообщение #2


в вашем случае - ширина div - равна ширине экрана, сдвинув его вправо на 150 пикселей он выходит за пределы страницы
используйте padding
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
maleficmax
maleficmax
Topic Starter сообщение 14.10.2008, 18:05; Ответить: maleficmax
Сообщение #3


где именно использовать?

Как показывает практика, если убрать position в .text, отступы начинают работать. Но тогда у меня не получается вывести текст наверх...:wacko:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 15.10.2008, 0:44; Ответить: Webmaster_hb
Сообщение #4


maleficmax, замените margin на padding
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
maleficmax
maleficmax
Topic Starter сообщение 15.10.2008, 8:50; Ответить: maleficmax
Сообщение #5


Замена на паддинг эффекта не дала вменяемого.

Решилось заменой позиции .text на
position: relative
и указанием margin-left и -right в стиле тела.

Спасибо за помощ!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
artkol1990
artkol1990
сообщение 4.7.2011, 17:50; Ответить: artkol1990
Сообщение #6


Помогите, кто в теме!
не получается сдвинуть фотографию вниз на 50px только в ИЕ. в остальных браузерах все нормально работает.

вот код:
<div class="main-photo"></div>
.main-photo {
background:url(images/main-photo.jpg);
background-repeat:no-repeat;
width:177px;
height:202px;
margin-right:20px;
float:left;
margin-top:70px;
padding-bottom:10px;
}
кто может, напишите, что надо дописать конкретно для ИЕ.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 4.7.2011, 18:18; Ответить: adlic
Сообщение #7


Попробуйте заменить margin-top:70px; на margin-bottom:-70px;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
artkol1990
artkol1990
сообщение 5.7.2011, 15:04; Ответить: artkol1990
Сообщение #8


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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Крауд-маркетинг который работает | Эффективные Ру-ссылки
 1 Azyuka 1064 13.2.2024, 19:36
автор: tascha56
Открытая тема (нет новых ответов) Кто работает с партнерской программой eBay?
 0 Stalser 1177 14.12.2021, 12:26
автор: Stalser
Открытая тема (нет новых ответов) Кто работает с партнеркой Кликбанк?
 4 metvekot 1723 5.12.2021, 22:32
автор: adamsadriane
Открытая тема (нет новых ответов) Бесплатный аудит рекламы от специалиста с 20 летним стажем. Реклама не всегда работает.
Ваша реклама может быть больше!
 0 AndyGray 6802 1.4.2021, 12:31
автор: AndyGray
Открытая тема (нет новых ответов) Продам мануал "Как работает Google Discover"
 8 vvovvo 3119 28.5.2020, 19:50
автор: vvovvo


 

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

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

RSS Текстовая версия Сейчас: 23.4.2024, 13:57

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet