НЕ ВЫРАВНИВАЮТСЯ картинки в DIVe

antonP · February 6, 2008

Всем привет...........

—————————-

НЕ ВЫРАВНИВАЮТСЯ картинки в DIVe

Если точнее они неправельно отображаются в IE и OPERe.

Наверно надо дописать в стилях что-то, но что я без понятия.

———————————————————————————————————————--

Вот пример: http://one-gi.ru.terra.mtw.ru/test/primer.html

————————————————————————————————————————

Вот код:

<html><head><title>Примэр</title>
<style type="text/css">

body{margin: 40px;}
#d1{width:300px; height:100px; background:#9089FF}
.img2{}

</style></head><body>
<div id=d1><img src="1.gif" align="left"><img src="2.gif" align="right"></div>
</body>
</html>

Serhij · February 6, 2008

Попробуй, примерно, таким образом :

.left {position: absolute;left: 0px;}

.right {position: absolute;right:: 0px;}

antonP · February 6, 2008

Serhij таким способом они выравнятся по краям окна а, мне надо чтобы картинки выравнялись по краям блока (

)

maddogrts · February 6, 2008

#d1{width:300px; height:100px; background:#9089FF; position:relative}

Добавте все будет окей , не знабудьте

.left {position: absolute;left: 0px;}

.right {position: absolute;right:: 0px;}

Demis · February 6, 2008

Всем привет...........
—————————-
НЕ ВЫРАВНИВАЮТСЯ картинки в DIVe
Если точнее они неправельно отображаются в IE и OPERe.
Наверно надо дописать в стилях что-то, но что я без понятия.
———————————————————————————————————————--
Вот пример: http://one-gi.ru.terra.mtw.ru/test/primer.html
————————————————————————————————————————
Вот код:
<html><head><title>Примэр</title>
<style type="text/css">

body{margin: 40px;}
#d1{width:300px; height:100px; background:#9089FF}
.img2{}

</style></head><body>
<div id=d1><img src="1.gif" align="left"><img src="2.gif" align="right"></div>
</body>
</html>

Можно так:

все зависит какая цель приследуется )

ZooY · February 6, 2008

Все намного проще...

Нужно добавить к картинкам атрибут hspace равный 0, то-есть вот так должны выглядеть картинки:

<img src="1.gif" align="left" hspace="0">
и
<img src="2.gif" align="right" hspace="0">

А суть проблемы на сколько я понимаю в том что у IE есть проблема: он добавляет 3 пиксела с обеих сторон врезки (а для картинки объявление align="right" фактически объявляет ее врезкой).

Serhij · February 6, 2008

ZooY, спасибо, возьму на заметку, не знал.

Sign In

НЕ ВЫРАВНИВАЮТСЯ картинки в DIVe

Question

antonP

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Serhij

Link to comment

Share on other sites

antonP

Link to comment

Share on other sites

maddogrts

Link to comment

Share on other sites

Demis

Link to comment

Share on other sites

ZooY

Link to comment

Share on other sites

Serhij

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information