как обычно IE6 против Mozilla и Opera

savushka · June 16, 2008

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

Mozilla Opera

IE6

Код 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>Курсы</title>
<link href="select curs.css" rel="stylesheet" type="text/css" />

<style type="text/css">
<!--
.style1 {color: #003366}
-->
</style>
</head>
<body>
<div class="site">
<div class="title"><a href="index.html"><img src="image/Untitled-2.gif" /></a></div>
<div class="link1">
<a href="select curs.html">Курсы</a></div>
<div class="link2">
<a href="books for web.html">Литература</a></div>
<div class="link3">
 <a href="information.html">Полезная инфомация </a></div>
<div class="link4">
<a href="contact.html">Контакты</a></div>
</div>
<div class="content">
<div class="lm style1">
<p>Порядок прежде всего, поэтому перед началом работы...</p>
<a href="book of html/page1.html"><img src="image/dsds.gif" /></a></div>
<div class="lm1 style1">
<p>Динамический HTML не является каким-то особым языком разметки 

страниц...</p>
<a href="book of css/page1.html"><img src="image/dsds.gif" /></a></div>

<div class="rm style1">
<p>Группа компьютеров, связанных друг с другом, образует 

сеть...</p>
<a href="book of www/page1.html"><img src="image/dsds.gif" /></a></div>
<div class="rm1 style1">
<p>Данный набор статей был написан к обучающему курсу 

?web-дизайн?...</p>
<a href="books of web dizain/page1.html"><img src="image/dsds.gif" /></a></div>
<div class="copy">
<p><span class="style1"> Мир Web- технологий © 2008</span>.</p>
</div>
</div>
</body>
</html>

CSS

@charset "utf-8";
*
{
 margin:0px;
 padding:0px;
}
body {
 background-image: url(image/Untitled-11.gif);
 background-repeat: repeat-y;
}


.site {
 position: absolute;
 width: 90%;
 margin-left: 250px;
 height: 68px;
}
.site .title {
 position: absolute;
 width: 90%;
 height: 68px;
 margin-left: 0px;
 background-repeat: no-repeat;
}
 .content {
 width: 900px;
 position: absolute;
 margin-top: 100px;
 margin-left: 100px;
}
.content .lm {
 background-image: url(image/lm.gif);
 background-repeat: no-repeat;
 height: 156px;
 width: 200px;
 position: absolute;
 float: left;
 margin-left: 350px;
}
 .content .lm1 {
 background-image: url(image/css.gif);
 background-repeat: no-repeat;
 height: 154px;
 width: 198px;
 margin-top: 170px;
 position: absolute;
 margin-left: 350px;
 padding-top: 10px;
 padding-left: 3px;
}
 .content .rm {
 background-image: url(image/www.gif);
 background-repeat: no-repeat;
 height: 151px;
 width: 197px;
 position: absolute;
 margin-left: 600px;
 padding-top: 15px;
 padding-left: 3px;
}
 .content .rm1 {
 background-image: url(image/wd.gif);
 background-repeat: no-repeat;
 height: 154px;
 width: 197px;
 margin-left: 600px;
 margin-top: 170px;
 position: absolute;
 padding-top: 15px;
 padding-left: 3px;
}

 .content .content {
 width: 315px;
 position: absolute;
 height: 300px;
 margin-top: 10px;
}
.content .content h2 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 24px;
 padding-left: 45px;
 color: #0000CC;
}
.content .content p {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 padding-top: 5px;
 padding-left: 5px;
 color: #003366;
 font-weight: bolder;
 text-align: left;
 text-indent: 15px;
}

.content .content .bottom {
 position: absolute;
 margin-left: 50px;
 margin-top: 5%;
}
.content .content .bottom2 {
 position: absolute;
 margin-top: 5%;
 margin-left: 250px;
}
.content .content .copy {
 position: absolute;
 margin-top: 50px;
}
.content .copy {
 margin-top: 40%;
 margin-left: 550px;
}


.site .link1 {
 position: absolute;
 color: #000000;
 text-decoration: none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 margin-top: 55px;
 margin-left: 150px;
}
.site .link1 a {
 color: #FFFFFF;
 text-decoration: none;
}


.site .link2 {
 position: absolute;
 margin-top: 55px;
 margin-left: 360px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-decoration: none;
}
.site .link2 a {
 color: #FFFFFF;
 text-decoration: none;
}

.site .link3 {
 position: absolute;
 margin-top: 55px;
 margin-left: 210px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
}
.site .link3 a {
 color: #FFFFFF;
 text-decoration: none;
}

.site .link4 {
 position: absolute;
 margin-top: 55px;
 margin-left: 450px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
}
.site .link4 a {
 color: #FFFFFF;
 text-decoration: none;
}

.site .link5 {
 position: absolute;
 margin-top: 60px;
 margin-left: 730px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
}
.site .link5 a {
 color: #FFFFFF;
 text-decoration: none;
}


.content .lm1 p {
 padding-top: 40px;
 font-family: Georgia, "Times New Roman", Times, serif;
 padding-left: 5px;
 color: #000066;
 font-size: 12px;
}
.content .lm p {
 padding-top: 50px;
 padding-left: 5px;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 12px;
 color: #000066;
}

.content .rm p {
 padding-top: 30px;
 padding-left: 5px;
 color: #000066;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 12px;
}
.content .rm1 p {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #000066;
 padding-top: 30px;
 padding-left: 5px;
 font-size: 12px;
}
.content .lm img {
 padding-top: 46px;
 padding-left: 110px;
 border-top-style: none;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
}
.content .lm1 img {
 padding-top: 35px;
 padding-left: 104px;

border-top-style: none;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
}
.content .rm img {
 padding-top: 43px;
 padding-left: 112px;

border-top-style: none;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
}
.content .rm1 img {
 padding-top: 40px;
 padding-left: 110px;

border-top-style: none;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
}

yopopt · June 16, 2008

Уважайте посетителей форума: оформляйте код тегами [сode][/сode]

Dimitry Wolotko · June 16, 2008

yopopt, эти теги придумали трусы, судя по всему.

yopopt · June 16, 2008

Видимо так оно и есть.

Sign In

как обычно IE6 против Mozilla и Opera

Question

savushka

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

yopopt

Link to comment

Share on other sites

Dimitry Wolotko

Link to comment

Share on other sites

yopopt

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information