Как всегда проблема с IE

savushka · April 11, 2008

Добрый день. У меня проблема, сверстала сайт на div-ах, в Firefox-у вс? нормально, а IE выдает не совсем , понятное смещение блока "html" вправо.

С чем это может быть связано? Если вс? очень банально, сильно не ругайте, лучше скажите, где и что почитать. Спасибо.

IE

Firefox

Код HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>world of web</title>
<link href="world of web.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="site">
<div class="title"><img src="image/title-with-banner.gif" /></div>
</div>
<div class="content">
<div class="lm">
<p></p>
</div>
<div class="lm1">
<p></p>
</div>
<div class="content">
<p></p>
</div>
<div class="rm">
<p></p>
</div>
<div class="rm1">
<p></p>
</div>
</div>


</div>
</body>
</html>



код CSS

@charset "utf-8";
*
{
margin:0px;
padding:0px;
}
.site {
 position: absolute;
}
.site .title {
 position: absolute;
}
.site .title img {
 position: absolute;
}






 .content {
 width: 900px;
 position: absolute;
 margin-top: 150px;
}
.content .lm {
 background-image: url(image/html.gif);
 background-repeat: no-repeat;
 height: 117px;
 width: 170px;
 float: left;
 position: absolute;
}
 .content .lm1 {
 background-image: url(image/css.gif);
 background-repeat: no-repeat;
 height: 117px;
 width: 170px;
 float: left;
 margin-top: 167px;
}
 .content .content {
 float: left;
 width: 450px;
 margin-left: 40px;
}
 .content .rm {
 background-image: url(image/www.gif);
 background-repeat: no-repeat;
 height: 117px;
 width: 170px;
 position: absolute;
 margin-left: 530px;
}
 .content .rm1 {
 background-image: url(image/web-dizain.gif);
 background-repeat: no-repeat;
 height: 117px;
 width: 170px;
 margin-left: 530px;
 float: left;
 margin-top: 167px;
 position: absolute;
}

Slyfox · April 11, 2008

Мне кажется что не много людей способны помочь глядя только на одну фотку

savushka · April 11, 2008

Сори, я уже исправила.

yopopt · April 11, 2008

Заключайте код в теги [сode][/сode].

.content .lm {
float: left;
position: absolute;
}

Вы уж определитесь, position или float.

Как вариант решения проблемы могу предложить заменить в .content .lm1 свойство float: left; на position: absolute;

.content .lm1 {
background-image: url(image/css.gif);
background-repeat: no-repeat;
height: 117px;
width: 170px;
position: absolute;
margin-top: 167px;
}

polecat · April 11, 2008

@charset "utf-8";

-- это в цсс в помине не ненужно. Просто ставим файлу кодировку utf-8 и все.

Опять из глупых "учебничков" понабрались как тянуться левой рукой к правому уху.

savushka · April 11, 2008

Спасибо! Все заработало, как надо.

savushka · April 11, 2008

Эту строчку создал DW, я ее не указывала.

Sign In

Как всегда проблема с IE

Question

savushka

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Slyfox

Link to comment

Share on other sites

savushka

Link to comment

Share on other sites

yopopt

Link to comment

Share on other sites

polecat

Link to comment

Share on other sites

savushka

Link to comment

Share on other sites

savushka

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information