текст вылазиет

@kos05 · Регистрация: 18.11.2011

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

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

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
#wrapper { 
width:1200px; 
outline:1px solid #7BA884; 
padding:40px; 
margin:50px auto; 
background-color: rgba(185,246,255,0.45); 
filter:progid:DXImageTransform.Microsoft.gradient (startColorstr=#25B9F6FF,endColorstr=#25B9F6FF); 
text-align:center; 
color:#FFB405; 
font:italic bold 70px Verdana; 
} 
#header { 
height:250px; 
width:1200px; 
background-image:url(../grafic/fonhead.png); 
background-image:url(../grafic/header31.jpg); 
margin-bottom:15px; 
} 
#sidebar { 
background-color:#e4cf95; 
margin-bottom:5px; 
width:250px; 
float:left; 
font:24px Verdana; 
background-image:url(../grafic/bar.png); 
color:#401EFF; 
} 
#content { 
background-color:#848059; 
margin:15px 260px; 
width:940px; 
} 
#footer { 
width:1200px; 
background-color:#7D518C; 
margin-bottom:15px; 
}

но когда текста много он не переноситьсяа вылезает за блоки div в чем проблема

@kos05 · 19.11.2011, 02:27 **[ТС]**

вот скрин что получаеться

@Vicont · 19.11.2011, 10:52

Разметка прилагается?

@kos05 · 19.11.2011, 13:06 **[ТС]**

а какая а то совсем новенький можно мне это объяснить а лучше показать на примере

@Vicont · 19.11.2011, 13:12

В смысле сам html код выложите, а то просто css -стили.

@kos05 · 19.11.2011, 14:14 **[ТС]**

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
40
41
42
43
44
45
46
<!DOCTYPE HTML PUBLIC "--//W3C//DTD HTML 4.01 Trabsitional//EN" "http://www.w3.org/TR/html14/lose.dtd">
<html>
<head>
<meta http-equiv="content-Type" content="text/html; charset=utf-8">
<title>пасека</title>
<link href="css/fon.css" type="text/css" rel="stylesheet">
</head>
<body>
    <div id="wrapper">
        <div id="header"></div>
        <div id="sidebar">
            <ul><li>Главная</li>
                <li>Обо мне</li>
                <li>Обо мне</li>
                <li>Обо мне</li>
                <li>Обо мне</li>
                <li>Обо мне</li>
            </ul>
            ssssssssssssssssssssssssssssssssssssseeeeeeeeeeeeeeeeessssssssss
        sssssssssssssssssssssssssssssssssssssрррррssssssssssвввввsssssssssррррррррssssssssssssssssssssssssssss
        ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
        ssssssssssssssssssssssssssssssssssssseeeeeeeeeeeeeeeeessssssssss
        </div>
        <div id="content">вввsssssssssррррррррssssssssssssssssssssssssssss
        ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
        ssssssssssssssssssssssssssssssssssssseeeeeeeeeeeeeeeeessssssssss
        sssssssssssssssssssssssssssssssssssssрррррssssssssssвввввsssssssssррррррррssssssssssssssssssssssssssss
        ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
        ssssssssssssssssssssssssssssssssssssseeeeeeeeeeeeeeeeessssssssss
        sssssssssssssssssssssssssssssssssssssрррррssssssssssвв
        ssssssssssssssssssssssssssssssssssssseeeeeeeeeeeeeeeeessssssssss
        sssssssssssssssssssssssssssssssssssssрррррssssssssssвввввsssssssssррррррррssssssssssssssssssssssssssss
        ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
        ssssssssssssssssssssssssssssssssssssseeeeeeeeeeeeeeeeessssssssss
        ssssssssssssssssssssssssssssssssssssseeeeeeeeeeeeeeeeessssssssss
        sssssssssssssssssssssssssssssssssssssрррррssssssssssвввввsssssssssррррррррssssssssssssssssssssssssssss
        ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
        ssssssssssssssssssssssssssssssssssssseeeeeeeeeeeeeeeeessssssssss
        </div>
        <div class="clear"></div>
        <div id="footer">вввврррррррррssssssssssssssssssssssssssssssssssssssss
        sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
        sssssssssssssssssрррррррррввввввввв</div>
    </div>
</body>
</html>

@Vicont · 19.11.2011, 16:24

kos05, Все у Вас правильно работает, а ошибка у Вас в понимании понятия "текст", если бы вы написали нормальный текст, то нигде ничего бы не вылезло. А что получается у вас:
ssssssssssssssssssssssssssssssssssssseee eeeeeeeeeeeeeessssssssss
sssssssssssssssssssssssssssssssssssssррр ррssssssssssвввввsssssssssррррррррssssss ssssssssssssssssssssss
ssssssssssssssssssssssssssssssssssssssss ssssssssssssssssssssss
ssssssssssssssssssssssssssssssssssssseee eeeeeeeeeeeeeessssssssss

Это у вас, с точки зрения браузера - предложение из четырех очень длинных слов! Браузер может разбивать текст только в местах где стоят пробелы!

Вот и вся Ваша проблема (которой как таковой и нет). Но если уж так невтерпеж разбить именно длинные слова так, что бы они вместились по ширине в блоки - решить данную ситуацию можно спомощью свойства word-wrap, но оно работает только в последних версиях браузеров:

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<? header('content-type: text/html; charset=utf-8') ?>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-Type" content="text/html; charset=utf-8"/>
        <title>Пасека</title>
        <style type="text/css">
            *{word-wrap: break-word;}        
            #wrapper { 
                        width:1200px; 
                        outline:1px solid #7BA884; 
                        padding:40px; 
                        margin:50px auto; 
                        background-color: rgba(185,246,255,0.45); 
                        filter:progid:DXImageTransform.Microsoft.gradient (startColorstr=#25B9F6FF,endColorstr=#25B9F6FF); 
                        text-align:center; 
                        color:#FFB405; 
                        font:italic bold 70px Verdana; 
            } 
                #header { 
                        height:250px; 
                        width:1200px; 
                        background-image:url(../grafic/fonhead.png); 
                        background-image:url(../grafic/header31.jpg); 
                        margin-bottom:15px; 
                } 
                #sidebar { 
                            background-color:#e4cf95; 
                            margin-bottom:5px; 
                            width:250px; 
                            float:left; 
                            font:24px Verdana; 
                            background-image:url(../grafic/bar.png); 
                            color:#401EFF; 
                } 
                #content { 
                            background-color:#848059; 
                            margin:15px 260px; 
                            width:940px; 
                } 
                #footer { 
                            width:1200px; 
                            background-color:#7D518C; 
                            margin-bottom:15px; 
                }
        </style>
    </head>
    <body>
        <div id="wrapper">
            <div id="header"></div>
            <div id="sidebar">
                <ul>
                    <li>Главная</li>
                    <li>Обо мне</li>
                    <li>Обо мне</li>
                    <li>Обо мне</li>
                    <li>Обо мне</li>
                    <li>Обо мне</li>
                </ul>
                ssssssssssssss ssssssssssssssssssssssseeeeeeeeeeeeeeeeessssssssss
                sssssssssssssssssssssssssssssssssssssрррррssssssssssвввввsssssssssррррррррssssss ssssssssssssssssssssss
                ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
                ssssssssssssssssssssssssssssssssssssseeeeeeeeeeeeeeeeessssssssss
             </div>
             <div id="content">
                 вввsssssssssррррррррssssssssssssssssssssssssssss
                 ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
                 ssssssssssssssssssssssssssssssssssssseeeeeeeeeeeeeeeeessssssssss
                 sssssssssssssssssssssssssssssssssssssрррррssssssssssвввввsssssssssррррррррssssss ssssssssssssssssssssss
                 ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
                 ssssssssssssssssssssssssssssssssssssseeeeeeeeeeeeeeeeessssssssss
                 sssssssssssssssssssssssssssssssssssssрррррssssssssssвв
                 ssssssssssssssssssssssssssssssssssssseeeeeeeeeeeeeeeeessssssssss
                 sssssssssssssssssssssssssssssssssssssрррррssssssssssвввввsssssssssррррррррssssss ssssssssssssssssssssss
                 ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
                 ssssssssssssssssssssssssssssssssssssseeeeeeeeeeeeeeeeessssssssss
                 ssssssssssssssssssssssssssssssssssssseeeeeeeeeeeeeeeeessssssssss
                 sssssssssssssssssssssssssssssssssssssрррррssssssssssвввввsssssssssррррррррssssss ssssssssssssssssssssss
                 ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
                 ssssssssssssssssssssssssssssssssssssseeeeeeeeeeeeeeeeessssssssss
             </div>
            <div class="clear"></div>
            <div id="footer">
                вввврррррррррssssssssssssssssssssssssssssssssssssssss
                sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
                sssssssssssssssssрррррррррввввввввв
            </div>
        </div>
    </body>
</html>

@kos05 · 19.11.2011, 16:33 **[ТС]**

все я понял спасибо большое.респект вам!!!

Новые блоги и статьи Все статьи Все блоги /
Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .	Контроль уникальности заводского номера - вариант №2 Maks 24.03.2026 В отличие от предыдущего варианта добавлено прерывание циклов, также добавлены новые переменные для сохранения контекста ошибки перед прерыванием цикла: Процедура ПередЗаписью(Отказ, РежимЗаписи,. . .
SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip	Жизнь в неопределённости kumehtar 23.03.2026 Жизнь — это постоянное существование в неопределённости. Например, даже если у тебя есть список дел, невозможно дойти до точки, где всё окончательно завершено и больше ничего не осталось. В принципе,. . .	Модель здравоСохранения: работники работают быстрее после её введения. anaschu 23.03.2026 geJalZw1fLo Корпорация до введения программа здравоохранения имела много невыполненных работниками заданий, после введения программы количество заданий выросло. Но на выплатах по больничным это. . .	Контроль уникальности заводского номера - вариант №1 Maks 23.03.2026 Алгоритм контроля уникальности заводского (или серийного) номера на примере нетипового документа выдачи шин для спецтехники с табличной частью, разработанного в конфигурации КА2. Данные берутся из. . .

@kos05 0 / 0 / 0 Регистрация: 18.11.2011 Сообщений: 5
	19.11.2011, 02:27 [ТС]
	вот скрин что получаеться Миниатюры 0

@Vicont front-end developer 284 / 275 / 39 Регистрация: 31.08.2010 Сообщений: 577 Записей в блоге: 1
	19.11.2011, 10:52
	Разметка прилагается? 0

@kos05 0 / 0 / 0 Регистрация: 18.11.2011 Сообщений: 5
	19.11.2011, 13:06 [ТС]
	а какая а то совсем новенький можно мне это объяснить а лучше показать на примере 0

@Vicont front-end developer 284 / 275 / 39 Регистрация: 31.08.2010 Сообщений: 577 Записей в блоге: 1
	19.11.2011, 13:12
	В смысле сам html код выложите, а то просто css -стили. 0

@kos05 0 / 0 / 0 Регистрация: 18.11.2011 Сообщений: 5
	19.11.2011, 16:33 [ТС]
	все я понял спасибо большое.респект вам!!! 0