Выравнивание текста по центру

@Panda30 · Регистрация: 03.10.2011

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

Доброго времени суток. Делаю "резиновую шапку". И столкнулся с такой проблемой. У меня не выравнивается текст по центру в среднем блоке.. Вот код:

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
<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="Style.css">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
    </head>
    <body>
        <div id="cheader">
            <div style="float: left"><img src="1.gif"></div>
            <div style="float: left"><h1>Типография "Визит"</h1></div>
            <div style="float: right"><img src="2.gif"></div>
        </div>
        <div id="cnav">
            <UL id="polosa">
                <li>Главная</li>
                <li>О нас</li>
                <li>Наши услуги</li>
                <li>Обратная связь</li>
            </UL>
        </div>
        <div id="cmain">
            Типография "ВИЗИТ" - это современная типография полного цикла, оснащенная лучшим европейским и японским оборудованием. </br>
            Типография "ВИЗИТ" — это мощная полиграфическая база, команда профессионалов, которая выполнит ваш заказ качественно и в срок. </br>
            В типографии "ВИЗИТ" цены располагают к сотрудничеству. Несмотря на доступные цены, мы гарантируем стабильно высокое качество 
            продукции независимо от того, что вы решите заказать в типографии: визитные карточки, листовки, буклеты ,брошюры или журналы. </br>
            Типография "ВИЗИТ" предлагает широкий спектор полиграфических услуг: от дизайна до печати тиража. Формат типографии позволяет 
            осуществлять печать самых разных видов полиграфической продукции: от визитных карточек до полноцветных многостраничных каталогов и журналов.
        </div>
    </body>
</html>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
#cheader{
width: 100%;
background: url("3.gif");
height: 260px;
}
 
#cnav {
width: 30%;
min-width: 300px;
float:left;
}
 
#cmain {
width: 70%;
float: left;
}
 
h1{
text-align: center;    
}

Подскажите, что я не так делаю?

@alexdeg · 21.04.2013, 18:32

что именно ты подразумеваешь под средним блоком?

@Shaman_UK · 21.04.2013, 18:44

CSS
1
2
3
4
5
6
#cnav {
width: 10%;
min-width: 300px;
float:left;
text-align:center;
}

@Panda30 · 21.04.2013, 18:46 **[ТС]**

Вот из этих трех

HTML5
1
2
3
4
5
<div id="cheader">
            <div style="float: left"><img src="1.gif"></div>
            <div style="float: left"><h1>Типография "Визит"</h1></div>
            <div style="float: right"><img src="2.gif"></div>
        </div>

В котором "Типография Визит",alexdeg

Shaman_UK, Спасибо, но это выравнивает другой блок(

@Shaman_UK · 21.04.2013, 19:30

HTML5
1
2
3
4
5
<div id="cheader">
            <div style="float: left"><img src="1.gif" width="50" height="50"></div>
            <div style="float: right"><img src="2.gif"width="50" height="50"></div>
       <div style="text-align:center"><h1>Типография "Визит"</h1></div>
        </div>

@Panda30 · 21.04.2013, 19:32 **[ТС]**

Shaman_UK, так пробовал. Не катит

@Shaman_UK · 21.04.2013, 20:42

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
43
44
45
46
47
 #cheader{
width: 100%;
background-image:url(post1.jpg);
background-position:bottom center;
background-repeat:repeat-x;
height: 260px;
} 
 
#left_header{
    display:block;
    width:25%;
    float:left;
    height: 260px;
    background-image:url(post3.jpg);
    background-position:top right, top left;
    background-repeat:no-repeat,no-repeat;
    }
#right_header{
    display:block;
    width:25%;
    float:left;
    height: 260px;
    background-image:url(post3.jpg);
    background-position:top right, top left;
    background-repeat:no-repeat,no-repeat;
}
#center_header{
display:block;
    width:50%;
    float:left;
}
 
#cnav {
width: 10%;
min-width: 300px;
float:left;
text-align:center;
}
 
#cmain {
width: 70%;
float: left;
}
 
h1{
text-align: center;    
}

HTML

HTML5
1
2
3
4
5
6
   <div id="cheader">
             <span id = "left_header"></span>   
            <span id = "center_header"><h1>Типография "Вxcv sdfsd sdfsdf xcvxcvxc vxcvxcvxcvxcv изит sdfdf sdfsdf sdfsdf "
            </h1></span>
            <span id = "right_header"></span>
            </div>

@alexdeg · 23.04.2013, 20:15

поменяй

HTML5
1
2
3
4
5
<div id="cheader">
            <div style="float: left"><img src="1.gif"></div>
            <div style="float: left"><h1>Типография "Визит"</h1></div>
            <div style="float: right"><img src="2.gif"></div>
        </div>

на это

HTML5
1
2
3
4
5
<div id="cheader">
            <div style="float: left"><img src="1.gif"></div>
            <div style="float: right"><img src="2.gif"></div>
            <div><h1>Типография "Визит"</h1></div>
        </div>

Добавлено через 30 секунд
и все должно стать по местам)
если че не так, то исправим)

Новые блоги и статьи Все статьи Все блоги /
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main(). . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/

@alexdeg 10 / 10 / 1 Регистрация: 27.03.2013 Сообщений: 55
	21.04.2013, 18:32
	что именно ты подразумеваешь под средним блоком? 0

@Panda30 12 / 12 / 0 Регистрация: 03.10.2011 Сообщений: 343
	21.04.2013, 19:32 [ТС]
	Shaman_UK, так пробовал. Не катит 0