Здравствуйте, подскажите в чем проблема. Начал в Dreamveafer cs3 пробовать делать сайт с использованием контейнера div (ниже приведу код), но столкнулся с несколькими проблемами :
1- подчеркивает строку подключения css файла
2-закрывающийся тег div горит красным и пишет недопустимая разметка.
3-самое главное что тексты выводится не там где нужно,особенно в IE
страница index.php
| Код |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Главная</title>
<link href="style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="body_site">
<?php include ( "block_shapka.php" ); ?>
</div>
</body>
</html>
|
файл block_shapka.php
| Код |
<!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>Untitled Document</title>
<link href="site_style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="shapka">
<div id="nadpis_shapki"><h1><em>Пробный сайт,Пробный сайт,Пробный сайт,Пробный сайт,Пробный сайт,Пробный сайт,Пробный сайт,Пробный сайт,</em></h1></div>
<div id="nadpis_shapki2"><h2><em><u>Текст-2</u></em></h2>
</div>
</div>
</body>
</html>
|
файл css
| Код |
/* СБРОС ОТСТУПОВ */
body,html,td,div {
margin:0;
padding:0;
}
/*---------------------*/
/* Установка начальных параметров */
.body_site {
width:1088px;
height:1200px;
margin:0 auto;
border:1px solid #000000;
}
p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:15px; }
/* СТИЛЬ ВЫВОДА ШАПКИ И НАДПИСЕЙ */
#shapka {
margin:0;
padding:0;
width:1088px;
height:150px;
background-image:url(img/scapka_kartinka1.jpg);
}
#nadpis_shapki {
position: absolute;
bottom:0px;
right:10px;
left:560px;
top:-12px;
width:600px;
height:105px;
}
#nadpis_shapki h1 {
font-size:24px;
font-family:"Times New Roman", Times, serif;
color:#0000FF;
text-shadow:#FFFF00 1px 2px 1px;
text-decoration:underline;
}
#nadpis_shapki2 {
position: absolute;
width:188px;
height:23px;
bottom:40px;
right:50px;
left:180px;
top:80px;
}
#nadpis_shapki2 h2 {
font-size:22px;
font-family:"Courier New", Courier, monospace;
color:#330099;
text-shadow:#FFFFFF 1px 2px 1px;
}
/*-------------------------------*/
|
Заранее всем большое спасибо. |