Новичок
Покинул форум
Сообщений всего: 10
Дата рег-ции: Нояб. 2015
Помог: 0 раз(а)
|
DeepVarvar пишет:http://jsfiddle.net/j14m8xc1/
да я вставил на этот сайт свой код и все нормально показывает, а в деле нифига, если контент загрузить еще, то все ок, а так.... вот код, можешь сам посмотреть CODE ( htmlphp):
скопировать код в буфер обмена
<body> <div id="header"> <!-- Верхняя часть страницы --> <? include'inc/header.inc.php'; ?> <!-- Верхняя часть страницы --> </div> <div id="content"> <!-- Заголовок --> <h1 align="center"><?= $header?></h1> <!-- Заголовок --> <!-- Область основного контента --> <?php include 'inc/routing.inc.php'; ?> <!-- Область основного контента --> </div> <div id="nav"> <!-- Навигация --> <h2 align="center">Фильмы</h2> <ul> <li><a href='index.php'>Главная</a></li> <li><a href='index.php?id=ganre&ganre=Биография'>Биография</a></li> <li><a href='index.php?id=ganre&ganre=Боевик'>Боевики</a></li> <li><a href='index.php?id=ganre&ganre=Вестерн'>Вестерн</a></li> <li><a href='index.php?id=ganre&ganre=Военный'>Военный</a></li> <li><a href='index.php?id=ganre&ganre=Детектив'>Детектив</a></li> <li><a href='index.php?id=ganre&ganre=Документальный'>Документальный</a></li> <li><a href='index.php?id=ganre&ganre=Драма'>Драма</a></li> <li><a href='index.php?id=ganre&ganre=История'>История</a></li> <li><a href='index.php?id=ganre&ganre=Катастрофа'>Катастрофа</a></li> <li><a href='index.php?id=ganre&ganre=Комедия'>Комедии</a></li> <li><a href='index.php?id=ganre&ganre=Криминал'>Криминал</a></li> <li><a href='index.php?id=ganre&ganre=Мелодрама'>Мелодрама</a></li> <li><a href='index.php?id=ganre&ganre=Мультфильмы'>Мультфильмы</a></li> <li><a href='index.php?id=ganre&ganre=Мистика'>Мистика</a></li> <li><a href='index.php?id=ganre&ganre=Мюзикл'>Мюзикл</a></li> <li><a href='index.php?id=ganre&ganre=Приключения'>Приключения</a></li> <li><a href='index.php?id=ganre&ganre=Семейный'>Семейный</a></li> <li><a href='index.php?id=ganre&ganre=Спорт'>Спорт</a></li> <li><a href='index.php?id=ganre&ganre=Триллеры'>Триллеры</a></li> <li><a href='index.php?id=ganre&ganre=Ужасы'>Ужасы</a></li> <li><a href='index.php?id=ganre&ganre=Фантастика'>Фантастика</a></li> <li><a href='index.php?id=ganre&ganre=Фэнтези'>Фэнтези</a></li> </ul> <!-- Навигация --> </div> <div id="footer"> <!-- Нижняя часть страницы --> <?php include'inc/footer.inc.php';?> <!-- Нижняя часть страницы --> </div> </body>
(Добавление)
и вот css CODE ( htmlphp):
скопировать код в буфер обмена
body { margin: 0; padding: 0; background-color: #FFFFFF; color: #000000; font-family: Arial, Helvetica, sans-serif; border-top: 2px solid #2A4F6F; background-color: #F3F4FF; } #header { border-top: 1px solid #778899; border-bottom: 1px dotted #B2BCC6; height:3em; background-color: #6774EB; } #header .slogan { font: 120% Georgia, "Times New Roman", Times, serif; color: #778899; background-color: transparent; float: right; width: 300px; text-align:right; margin-right: 2em; margin-top: 0.5em; } #header .logo { float: left; width: 187px; margin-left: 1.5em; margin-top: 0.5em; } #nav { position: absolute; top: 3.9em; left: 1em; width: 14em; } #nav ul { list-style: none; margin-left: 1em; padding-left: 0; } #nav li { font-size: 90%; border-bottom: 1px dotted #B2BCC6; margin-bottom: 0.3em; } #nav a:link, #nav a:visited { text-decoration: none; color: #FCFCFD; background-color: transparent; } #nav a:hover { color: #F99B3E; } #nav h2 { font: 110% Georgia, "Times New Roman", Times, serif; color: #2A4F6F; background-color: transparent; border-bottom: 1px dotted #cccccc; } #content { margin-left: 16em; margin-right: 2em; text-align: justify; } h1 { font: 150% Georgia, "Times New Roman", Times, serif; } blockquote { font: 70% Georgia, "Times New Roman", Times, serif; text-align: right; } h3 { font: 120% Georgia, "Times New Roman", Times, serif; } ol li { font-size: 90%; } #content p, form { font-size: 90%; line-height: 1.6em; padding-left: 1.2em; } #footer{ clear: both; text-align: center; border-top: 1px dotted #B2BCC6; margin-top: 10px; font: 90% Georgia, "Times New Roman", Times, serif; color: #2A4F6F; background-color: transparent; }
|