IE, куда без него

kentastik · May 5, 2011

Друзья, помогите, не умею с ИЕ дружить. Что надо подправить, чтобы в ИЕ было тоже самое, что в нормальных браузерах? Ниже код и скрины.

<!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>Документ без названия</title>
</head>
<style>
.head {
	height:400px;
	width:1224px;
	background:url(%D1%88%D0%B0%D0%BF%D0%BA%D0%B0-%D0%B1%D0%BE%D0%BB%D1%8C%D1%88%D0%B0%D1%8F.png);
}

A.dot {
	color:#0fb3e9;
    text-decoration: none; /* Убираем подчеркивание */
    border-bottom: 2px dashed #0fb3e9; /* Добавляем свою линию */ 
   }
   A.dot:hover {
    color: #dc143c; /* Цвет ссылки при наведении на нее курсора */
}

#houses {
	float:left;
	position:relative;
	top:303px;
}

#man {
	height:400px;
	width:1024px;
	float:right;
	position:relative;
	bottom:47px;
	right:auto;
	background-repeat:no-repeat;
	background:url(%D0%BC%D1%83%D0%B6%D0%B8%D0%BA.png)
}
#registration {
	width:300px;
	height:40px;
	position:relative;
	top:192px;
	right:-100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#0CF;	
}

A.dot1 {
	color:#33758d;
    text-decoration: none; /* Убираем подчеркивание */
   }
   A.dot1:hover {
    color: #dc143c; /* Цвет ссылки при наведении на нее курсора */
}
.logostyle {
	height:100px;
	width:300px;
	position:absolute;
	top:-10px;
	left:3%;
	font-family:Arial, Helvetica, sans-serif;
}

#rebate {
	color:#33758d;
	font-size:12px;
	text-align:right;
	position:relative;
	top:50px;
	left:-56px;
	font-family:Verdana, Geneva, sans-serif;
}
#adress1 {
	color:#33758d;
	font-size:21px;
	text-align:left;
	position:relative;
	top:-35px;
	left:10px;
}
#adress2 {
	color:#7d7d7d;
	font-size:21px;
	position:relative;
	top:-30px;
	left:10px;
}

#forex {
	color:#33758d;
	font-size:70px;
	position:relative;
	font-weight:bold;

}

</style>
<link  href="http://fonts.googleapis.com/css?family=Dancing+Script:regular" rel="stylesheet" type="text/css" >
<body>
<div class="head">
<div id="houses"><img src="домики.png" width="1024" height="48" /></div>
<div id="man"><div id="registration"><a href="ssilka" class="dot"><strong>Зарегистрируйтесь</strong></a></div></div>
<div class="logostyle">
<div id="rebate">REBATE-ПАРТНЕР</div>
<img src="лого.png" width="290" height="150" id="forex"/>
<div id="adress2">НАШ КОРОТКИЙ АДРЕС:</div>
<div id="adress1">RPIF.NET</div>

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

В нормальных браузерах выглядит так:

В ИЕ вот так:

Gaspode · May 5, 2011

В каком ie, для начала?

Если в шестом, а png - с альфа-каналом, то гуглите "ie6 png fix".

PS Вполне возможно, что ие не переваривает вот этот кошмар:

%D1%88%D0%B0%D0%BF%D0%BA%D0%B0-%D0%B1%D0%BE%D0%BB%D1%8C%D1%88%D0%B0%
D1%8F.png

И правильно, в общем-то, делает.

Edited May 5, 2011 by Gaspode

d0ublezer0 · May 5, 2011

ну и вот это:

background:url(%D0%BC%D1%83%D0%B6%D0%B8%D0%BA.png)

Заменить бы на нормальные имена файлов. Не стоит давать названия файлам на русском языке.

kentastik · May 5, 2011

спасибо, действительно дело оказалось в названиях файлов. Ну и пнг буду фиксить соответственно, а то он белый вместо прозрачного вышел

Sign In

IE, куда без него

Question

kentastik

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Gaspode

Link to comment

Share on other sites

d0ublezer0

Link to comment

Share on other sites

kentastik

Link to comment

Share on other sites

Join the conversation

Forums

Important Information