Jump to content
  • 0

проблема в ie, неправильный пересч?т картинок


DMGaster
 Share

Question

Здраствуйте, имеется следующая проблема. Есть отдельная страница на которой выводится картинка и под ней панель навигации. Чтобы сохранить высоту страницы постоянной, я в css поставил обрезку картинок по высоте. Так вот в ie картинка искажается, поскольку он неправильно считает ширину файла (в css задано как auto) в ff и opera размеря считаются правильно.

Ниже прив?л код страницы и css стили для них.

<div class="one">
<div class="two">
<a href="img1.shtml" target="_blank">
<img src=" /pic/gallery/avdeev/avdeev1.jpg" alt="avdeev1.jpg, 1438 kB" title="avdeev1" class="image"></a>



<div class="image_menu">
<a href="pre2.shtml">
<img src="/pic/navpanel/arrowleft.gif" alt="arrowleft.gif, 0 kB" title="Предыдущее изображение" height="25" width="50"></a>
<a href="java script: window.close()" title="Закрыть окно и вернуться назад.">
<img src="/pic/navpanel/close.gif" alt="close.gif, 0 kB" title="Закрыть и вернуться назад" height="25" width="50"></a>
<a href="img1.shtml" target="_blank">
<img src="/pic/navpanel/full.gif" alt="full.gif, 0 kB" title="Просмотреть изображение полностью" height="25" width="50"></a>
<a href="pre2.shtml">
<img src="/pic/navpanel/arrowright.gif" alt="arrowright.gif, 0 kB" title="Следующее изображение" height="25" width="50"></a>
</div><div class="image_sig">подпись</div>
</div>
</div>

классы 1 и 2 для дивов

.one {
background: none;
border: none;
width: auto;
height: 900px;
text-align: center;
padding: 20px 10px 10px 10px;
}
.two {
background: none;
border: none;
text-align: center;
margin: 10px 10px 10px 10px;
}

класс image для картинки

img.image {
border: 1px solid black;
width: auto;
height: 600px;
text-align: center;
}

Может есть какой фикс для ie что-бы устранить это. А то не хочется создавать третью урезанную версию картинок, подгоняя к ним размер по высоте...

Link to comment
Share on other sites

12 answers to this question

Recommended Posts

  • 0
Чтобы сохранить высоту страницы постоянной, я в css поставил обрезку картинок по высоте

вы ставите не обрезку, а изменяете размер изображения.

"Добавление только одного параметра width или height сохраняет пропорции и отношение сторон изображения."

http://htmlbook.ru/html/img.html

Link to comment
Share on other sites

  • 0

Vlad, доктайп вот этот quot;-//W3C//DTD HTML 4.01 Transitional//EN"> - если поставить правильный quot;-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">, то ситуации это вс? равно не меняет Internet Explorer по прежнему считает неправильно одну из сторон изображения...

Scrum, ну да, правильно, - изменяю размер изображения - но как вс? же бороться с этим?

Link to comment
Share on other sites

  • 0

Так в том то и дело что я использую высоту картинки, задавая е? ж?стко. А вот ширина должна вычисляться броузером...

Картинок очень много, более 1000 штук, и у всех размеры разные - потому вручную задавать нереально...

Link to comment
Share on other sites

  • 0

Поясню ещ? раз. Если ширина изображения не превышает его высоту, то есть в данном случае это 600px, тогда вс? нормально. Если же ширина изображения превышает 600px, то изображение размером 1000x600 - показывается как 500x600 - то есть в Explorer ширина ШИРОКИХ изображений обрабатывается неправильно. Повторюсь, что в Opera и Firefox такого бага нет.

Какие есть мысли...

Link to comment
Share on other sites

  • 0

Я лучше не страничку, а скриншот - на хостинг выкладывать долго.

firefox - высокое изображение, нормальные пропорции

2007-07-10_02-02-56_59475.jpg

internet explorer - высокое изображение, измен?нные пропорции

2007-07-10_02-04-37_14868.jpg

firefox - широкое изображение, нормальные пропорции

2007-07-10_02-10-18_79184.jpg

internet explorer - широкое изображение, измен?нные пропорции

2007-07-10_02-06-14_78374.jpg

Собственно код странички привед?н в первом сообщении...

Если в ослике много раз обновлять страницу то пропорция изображения "возможно" исправится (но не всегда) - чаще всего показываются неверные пропорции

Проблема характерна только для ослика, в FF и Opera - расч?т пропорции ид?т абсолютно правильно.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy