Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

margin -60px IE7

Обсуждение темы margin -60px IE7 в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; <div align="left"> <a><img id="glavnaya" src="/joomla15/templates/rt_novus_j15/images/blank.gif"/></a> </div> img#glavnaya { width: 256px; height: 88px; margin-left: -60px; background: url(../images/glavnaya.png) 0 0 no-repeat; } margin то работает, ...


Закрытая тема
 
Опции темы
Старый 01.09.2009, 11:23   #1
kre

<div align="left">
<a><img id="glavnaya" src="/joomla15/templates/rt_novus_j15/images/blank.gif"/></a>
</div>

img#glavnaya {
width: 256px;
height: 88px;
margin-left: -60px;
background: url(../images/glavnaya.png) 0 0 no-repeat;
}

margin то работает, картинка сдвигается, но в ие7 вся выдвинутая часть обрезается (в опере - нет)
Изображения
Тип файла: bmp Snap1.bmp (75.0 Кб, 18 просмотров)
 
Старый 01.09.2009, 11:23
Ссылки
Старый 01.09.2009, 12:02   #2
а у тебя div такой же длинны как и картинка? или он вообще без css?
 
Старый 01.09.2009, 12:39   #3
kre

Цитата:
Сообщение от sokol666 Посмотреть сообщение
а у тебя div такой же длинны как и картинка? или он вообще без css?
конечно такой же, в опере работает
 
Старый 01.09.2009, 15:27   #4
kre, сложно что либо так сказать, покажите страницу, скорее всего там идет наследование стилей
 
Старый 01.09.2009, 16:18   #5
попробуй div'у длинну auto пропиши
 
Старый 01.09.2009, 18:21   #6
гарантированный результат во всех браузерах ты получишь только тогда, когда у <div align="left"> padding-left > 60px, в других случаях то, что ты пишешь - ересь.
 
Старый 01.09.2009, 20:08   #7
kre

Цитата:
Сообщение от Асмодиан Посмотреть сообщение
гарантированный результат во всех браузерах ты получишь только тогда, когда у <div align="left"> padding-left > 60px, в других случаях то, что ты пишешь - ересь.
Я, понятно на каком уровне знаю css, пожалуйста, поподробнее.
Не ясно, почему ересь, когда, вроде бы все в рамках css.

Зачем это нужно: вставить картинку в шаблоновскую статью, чтобы она выходила за ее пределы, при этом не переделывать блок этой статьи.
 
Старый 01.09.2009, 20:31   #8
Всё очень просто. когда внутренний объект вылезает за рамки внешнего, никто вам не гарантирует, что этот внутренний не будет обрезан.
Как правило в случае, когда вы задумываете что внутри контейнера могут быть вылезающие за основной его контент элементы, вы этому контейнеру даёте большой padding.
 
Старый 05.09.2009, 23:35   #9
kre

padding-left не помог.
Что я сделал: нашел в php кусок, где формируется вывод статьи, где лежиит фотография, и прописал в css этого блока padding-left. Содержание статьи сдвигается, но IE7 режет фотку

Добавлено через 17 минут

overflow: visible;
не помог

Добавлено через 1 час 19 минут

Вообще я наврал. Проблема заключается в обрезании картинки не за границей блока, а за границей таблицы.
<tr>
<td valign="top" colspan="2">
</div>
<div align="left">
<img id="glavnaya" src="/joomla15/templates/rt_novus_j15/images/blank.gif"/>
</div>

Добавлено через 2 часа 39 минут

все, вопрос решен. таблица заканчивается, вставляется картинка, таблица открывается.
Но если кто-то знает как выдвигать элементы за таблицу, скажите

Последний раз редактировалось kre; 05.09.2009 в 23:35.. Причина: Добавлено сообщение
 
Старый 05.09.2009, 23:35
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Грамотный MARGIN и PADDING flamen1 HTML, CSS, JavaScript 2 15.12.2011 13:57
margin в СSS - need help Grey HTML, CSS, JavaScript 5 04.02.2010 01:20
margin mifune HTML, CSS, JavaScript 19 22.12.2004 13:49
margin Денисон HTML, CSS, JavaScript 6 23.01.2004 01:30


Текущее время: 00:02. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум