растояние между дивами и кодировка

@fireridlle · Регистрация: 02.02.2012

Студворк — интернет-сервис помощи студентам

Между div id="top" и div id="content" не должны быть пустое место. а оно есть.
и еще на компе все норм отображается. а на серваке вот так http://gypy.hut4.ru/alcatras/
кодировка файла utf8 без bom
вот ссылка на архив где лежат эти файлы и картинки alcatras.rar

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!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>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
 
<body>
<div id="main">
    <div id="head">
 
    </div>
    <div id="menu">
        <ul>
        <li><a href="#">ГЛАВНАЯ</a></li>
        <li><a href="#">О СЕРИАЛЕ</a></li>
        <li><a href="#">АКТЕРЫ</a></li>
        <li><a href="#">ГАЛЕРЕЯ</a></li>
        <li><a href="#">ФОРУМ</a></li>
    </ul>
    </div>
    <div id="top">
    </div>
    <div id="content">
        <div id="lefter">
       ЛЕВЫЙ Исполнительными продюсерами Джей Джеем Абрамсоном и Элизабет Сарнофф создано многосерийное видео Алькатрас, свежий увлекательный триллер, сконцентрированный на прославленной тюрьме Америки, в прошлом являвшейся обителью грозных киллеров, любителей насилия, похищения людей, краж и просто тех, кому нравится чего-нибудь поджечь.
        </div>
        <div id="center">
        ЦЕНТКР Исполнительными продюсерами Джей Джеем Абрамсоном и Элизабет Сарнофф создано многосерийное видео Алькатрас, свежий увлекательный триллер, сконцентрированный на прославленной тюрьме Америки, в прошлом являвшейся обителью грозных киллеров, любителей насилия, похищения людей, краж и просто тех, кому нравится чего-нибудь поджечь.
        </div>
        <div id="righter">
        ПРАВАЙ Исполнительными продюсерами Джей Джеем Абрамсоном и Элизабет Сарнофф создано многосерийное видео Алькатрас, свежий увлекательный триллер, сконцентрированный на прославленной тюрьме Америки, в прошлом являвшейся обителью грозных киллеров, любителей насилия, похищения людей, краж и просто тех, кому нравится чего-нибудь поджечь.
        </div>
    </div>
</div>
 
</body>
</html>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
@charset "utf-8";
/* CSS Document */
body{
    background:#c4c4c4; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;
}
#main{
    padding:0; margin:0 auto;
}
#head{
    background:url(image/bg_logo.jpg) no-repeat; width:747px; height:158px; margin:7px auto 0 auto;
}
#menu{
    background:url(image/bg_menu.gif) no-repeat; width:909px; height:40px; margin:0 auto 0 auto;
    font-size:15 px; padding:0;
}
#menu li{
    float:left;margin:0 auto; list-style:none; padding:5px 0 0 80px; height:57px;
}
#menu li a{
    text-decoration:underline; margin:0 auto; color:#000099; padding:0 0 0 0; height:57px;
    }
#menu li a:hover{
    background:url(image/bd_a.gif); height:40px; text-decoration:none; margin:0 auto;
    }   
#top{
    background:url(image/bd_top.gif) no-repeat;width:909px; height:6px ;margin:0 auto; padding:0;
}
#content{
    background:url(image/bd_content.gif) repeat-y; width:909px; height:auto; margin:0 auto; padding:0;overflow: hidden;
}
#content div{
    float:left;
}
#lefter{
    width:216px;
}
#center{
    width:476px;
}
#righter{
    width:215px;
}

Комментарий модератора

Прикрепляйте файлы и изображения к сообщениям!

@acupation · 17.02.2012, 23:59

нужно создать файл .htaccess в папке сайта с содержимым

Code
1
2
3
4
5
6
# Выключить обработку модулем mod_charset
<IfModule mod_charset.c>
  CharsetDisable On
</IfModule>
# Выставить кодировку по умолчанию стандартными средствами apache
AddDefaultCharset UTF-8

Добавлено через 14 минут
а по первому вопросу:
замени в

CSS
1
2
3
#menu li{
        float:left;margin:0 auto; list-style:none; padding:5px 0 0 80px; height:57px;
}

height на 20px

@conformist · 18.02.2012, 01:15

содержимое тега <div> всегда начинается с новой строки. После него также добавляется перенос строки

я думаю достаточно указать отрицательное значение margin у блока content на высоту строки. а height только высоту увеличит

Добавлено через 2 минуты

Code
1
AddDefaultCharset UTF-8

а тут, как вариант, может вообще выключить кодировку по умолчанию, недавно Vovan советовал

Code
1
AddDefaultCharset Off

Новые блоги и статьи Все статьи Все блоги /
Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .