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



 

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

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

Открыть тему
Тема закрыта
> Проблемы с позиционированием изображений и фонов в IE по стравнению с Firefox/Opera
Storky
Storky
Topic Starter сообщение 10.3.2008, 18:22; Ответить: Storky
Сообщение #1


Вообщем делаю свой первый сайт, графической оформление хочется сделать стильным и качественным. Печатаю в блокноте, проверял в Firefox'e - все сидит там где надо, при масштабировнии не разлазится....

Послал другу с большим монитором на тест - он отослал мне скрины, на которых увидел след проблемы отображения ( которые повторились и на моем компе, при тесте в IE):

- Создал в строку ряд картинок-ссылок, сидящих вплотную друг к другу, сверху и снизу линии рамки , всталенные в соседние строки через тэг IMG, которые тоже сидят вплотную... в firefox & opera, а в IE между рамками и картинками появился видимый зазор.:nea:

- На другой странице также создал рамку, но уже через атрибут BACKGROUND - для верхней рамки задал высоту строки, равную высоте изображения и адрес изображения. В результате на IE изображение в строке замощается не только в длину но и по высоте (хотя места замощать по высоте быть не должно изза ограниченной высоты строки).

- Судя по отображению страницы , в IE фиксированная длина , к примеру , 1024 пикселя не будет занимать 1024 как в других браузерах, а иное каличество пикселей, которое зависит от масштабирования , как размер шрифта.
:achtung:
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 10.3.2008, 18:58; Ответить: Webmaster_hb
Сообщение #2


Storky,
1. чтобы отсутпов не было, поставьте в теге img border=0 уберите все пробелы!!! как между тегами img так и между <td>
чтобы бэкграунд растягивался только в одну сторону по ширине или по высоте или чтобы вообще не растягивался используете стиль
<td style="background-repeat:norepeat / repeat-x / repeat-y">

фиксированная длина везде будет фиксированной, но учитывайте что в IE справа всегда есть область прокрутки, а это уже не 1024 места а всего 1000px
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 10.3.2008, 18:59; Ответить: Exterior
Сообщение #3


Storky, выкладывайте скрины неправильного отображения и скрины того, что вы хотите добиться.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Storky
Storky
Topic Starter сообщение 10.3.2008, 21:57; Ответить: Storky
Сообщение #4


Вот текст проблемного фрагмента:

<TABLE WIDTH="1000" align="center" BORDER=0 CELLPADDING=0 CELLSPACING=0>
<tr>
<td><font size="+3" align="center"><center>Legion of Man</center>
<td><font size="+3" align="center"><center>Beast Horde</center>
<tr height="9">
<td colspan="5"><img src="narrowline_up.jpg" align="bottom" alt=" " hspace="0" vspace="0" border="0">
<tr bgcolor="black">

<td><table border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td><a href=""><img src="humworker.jpg" align="top" alt=" " hspace="0" vspace="0" border="0"></a>
<td><a href=""><img src="humscout.jpg" align="top" alt=" " hspace="0" vspace="0" border="0"></a>
<td><a href=""><img src="humsavage.jpg" align="top" alt=" " hspace="0" vspace="0" border="0"></a>
<td><a href="Leggionnaire/lego beta.htm"><img src="humlego.jpg" align="top" alt=" " hspace="0" vspace="0" border="0"></a>
<td><a href=""><img src="humchap.jpg" align="top" alt=" " hspace="0" vspace="0" border="0"></a>
</table>

<td><table border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td><a href=""><img src="beastconj.jpg" align="top" alt=" " hspace="0" vspace="0" border="0"></a>
<td><a href=""><img src="beastshifter.jpg" align="top" alt=" " hspace="0" vspace="0" border="0"></a>
<td><a href=""><img src="beastsumm.jpg" align="top" alt=" " hspace="0" vspace="0" border="0"></a>
<td><a href=""><img src="beastpred.jpg" align="top" alt=" " hspace="0" vspace="0" border="0"></a>
<td><a href=""><img src="beastsham.jpg" align="top" alt=" " hspace="0" vspace="0" border="0"></a>
</table>
<tr height="9">
<td colspan="5"><img src="narrowline_down.jpg" align="bottom" alt=" " hspace="0" vspace="0" border="0">
</table>
<p>


С зазором - то , что пока имею на IE

Без зазора - то , чего хочу добится и на IE

Пробелы все убрал, а насчет repeat-x - спасибо, зрел такой вопрос , думаю поможет [IMG]http://forum.rock-center.org/images/user/smilies/thank_you.gif[/IMG]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 10.3.2008, 22:51; Ответить: Webmaster_hb
Сообщение #5


Storky, где у вас закрываются ячейки ???
после того как открыли ячейку <td> потом ее надо закрыть </td>
обязательно перед закрытием не ставьте пробелов
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Storky
Storky
Topic Starter сообщение 10.3.2008, 23:28; Ответить: Storky
Сообщение #6


Webmaster,
Ого, заработало! Не думал, что изза такой мелочи :omg:
Просто в книжке "Информатика , базовый курс, 2-е издание, под ред. С.В.Симоновича" на странице 548 было написано , что тэги </td> и </th> можно опускать, вот и повелся :)
Большое спасибо за помощь [IMG]http://forum.rock-center.org/images/user/smilies/thank_you.gif[/IMG]

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Продается сайт фотосток ИИ изображений
Хороший вариант!
20 alexey 3210 25.6.2023, 15:28
автор: alexey
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыСчетчики трекеров не отображаются в Mozilla Firefox
Самый глючный браузер наверное
26 muratastana 3606 13.12.2022, 8:36
автор: muratastana
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКорректность показа вёрстки изображений на разных гаджетах
Не сохраняются пропорции изображений на смартфонах
1 master-vek 37244 25.3.2021, 13:22
автор: tedder
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыЛичный фотосток, много бесплатных изображений
15 Ultrastalker 5928 30.3.2020, 10:15
автор: Ultrastalker
Открытая тема (нет новых ответов) Продам 120 изображений с фотостока DepositPhotos
Выгодное предложение
6 Морфин 1767 20.1.2020, 20:36
автор: Морфин


 



RSS Текстовая версия Сейчас: 29.3.2024, 2:52
Дизайн