В гугл хром мой сайт отображается неправильно есть код такого вида. | Код |
<!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=windows-1251" />
<title>...</title>
<style type="text/css">
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
}
h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}
img {
border: none;
}
#tabs11 {
float:left;
width:100%;
background:#F9F7F3;
font-size:100%;
line-height:normal;
border-bottom:1px solid #C2BDAE;
}
#tabs11 ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabs11 li {
display:inline;
margin:0;
padding:0;
}
#tabs11 a {
float:left;
background:url("tableft11.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs11 a span {
float:left;
display:block;
background:url("tabright11.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#474544;
}
#tabs11 a span {float:none;}
#tabs11 a:hover span {
color:#FFF;
}
#tabs11 a:hover {
background-position:0% -42px;
}
#tabs11 a:hover span {
background-position:100% -42px;
}
#tabs11 #current a {
background-position:0% -42px;
}
#tabs11 #current a span {
background-position:100% -42px;
}
.style1
{
font-size: small;
text-align: center;
}
.style2
{
text-align: center;
}
</style>
</head>
<body bgcolor="#ccc8c6">
<table width="1000" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="1000" colspan="2" ><img src="images/myh.png"></td>
</tr>
<tr><td bgcolor="#F9F7F3" height="4" colspan="2" width="1000"> </td></tr>
<tr>
<td width="800">
<div id="tabs11">
<ul>
<li id="current"><a href="index.html"><span>Главная</span></a></li>
<li><a href="inform.html"><span>Материалы</span></a></li>
<li><a href="contacts.html"><span>Контакты</span></a></li>
</ul>
</div>
</td>
<td width="200" rowspan="2" style="border: 3px solid #474544; text-indent: 10px; background-color: #f6a251; text-align: left;" valign="top">
<div style="background-color: #474544; color: #f6a251; font-size: xx-small; vertical-align: middle; height: 23px;"
class="style2">
<span class="style1">Полезные ссылки:</span><br/>
</div>
<ul style="width: 167px; margin-left: 15px">
<li><a href="http://forum.vingrad.ru/forum/act-idx.html" target="_blank">Форум программистов</a></li>
<li><a href="http://www.uroki-pascal.narod.ru/lesson.htm" target="_blank">Уроки по Pascal</a></li>
<li><a href="http://htmlbook.ru/" target="_blank">HTML и CSS</a></li>
<li><a href="http://pascalabc.net/" target="_blank">Pascal ABC</a></li>
</ul>
</td>
</tr>
<tr>
<td width="800" align="justify" bgcolor="#F9F7F3" valign="top" style="padding: 10px;">
<p style="text-indent: 25px;">...
</p>
<p style="text-indent: 25px;">...</p>
<p style="text-indent: 25px;">...</p>
</td>
</tr>
<tr><td width="1000" bgcolor="#F9F7F3" height="4" colspan="2"> </td></tr>
<tr>
<td colspan="2" width="1000"><img src="images/myh1.png" width="1000"></td>
</tr>
</table>
</body>
</html>
|
я туплю... все браузеры всех версий, кроме гугл хром отображают отлично...    Что делать? Это мой первый сайт, точнее попытка его создать. Пока знаний меньше, чем желания... мучаюсь, мучаюсь, мучаюсь... |
неправильное отображение в браузере 
Загрузка ...
