неверное отображение в браузерах

Shaak · March 2, 2010

Добрый день, у меня возникла проблема с обтеканием картинки справа и отступами в элементе <div>

Причем обтекание в ИЕ происходит нормально, но поля всеравно нет... а в Мозилле идет перекрывание изображения. В справочнике написано что position: alternate задает позицию элемент отсчитывая от его текущей позиции... в данной случае он должен быть справа от изображения. Ну и если ошибки в коде или еще какие огрехи, критикуйте.. я только учусь(

вот код:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

  <meta content="text/html; charset=Windows-1251" http-equiv="content-type">
  <title>создание ссылки без рамки вокруг картинки</title>


  <style type="text/css">
BODY { background: #FC0}
div {
padding-left:10px;
padding-right:10px;
background: #fdc;
width: 50%;
position: relative; top: 100px;
}
P {}
A {outline: none}
A IMG {border: 1px solid transparent; align: left;}
A:active {text-decoration:none;}
A:hover IMG {border: 1px solid #000; }
  </style>
</head>


<body>

<a href="site.htm"><img src="S.JPG" align="left"></a>
<div>
<p>Что личбо</p>

</div>

</body>
</html>

shvv · March 2, 2010

Что-то не очень понятно, что вы хотите сделать. Если хотите, чтобы картинка обтекалась текстом, то и поместите ее внутри div.

Shaak · March 2, 2010

Я хочу, чтобы свойство relative элемента position работало так как и должно работать... и пытаюсь понять что я делаю не так.Другое дело, если просто Мозиллой обтекание блоком изображения при использовании позиции невозможно.

ну и еще я не понимаю почему у меня не работают отступы внутри div.

shvv · March 2, 2010

Я хочу, чтобы свойство relative элемента position работало так как и должно работать... и пытаюсь понять что я делаю не так.Другое дело, если просто Мозиллой обтекание блоком изображения при использовании позиции невозможно.
ну и еще я не понимаю почему у меня не работают отступы внутри div.

Советую установить расширение для Firefox под названием FireBug.

Sign In

неверное отображение в браузерах

Question

Shaak

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

shvv

Link to comment

Share on other sites

Shaak

Link to comment

Share on other sites

shvv

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information