не работает float

@SanychBY · Регистрация: 04.06.2013

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

Здравствуйте. почему то не хочет один блок обтекать другой.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id='allall'>
<div id='all'>
<h3 id='h'>:</h3><div id='cntnt'>
</div>
</div>
<div id='leftpanel'>
<div id="userprofil"><div>
<a href="?id"></a>
</div>
<div><a href="/"></a>
</div>
</div>
</div>
</div>

СSS

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
#userprofil
{
    display: block;
    background-color:#FFF;
    background-image: url(../imag/sh.png);
    background-repeat:repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #DDDDDD;
 
}
#allall
{
    margin: 0px 200px 0px 200px;
}
#leftpanel
{
    width: 200px;
    float: left;
    margin-top: 60px;
    margin: 60px 0px 0px 10px;
}
#all
{
 
    margin: 0px 0px 0px 0px;
    display: block;
}
#cntnt
{
    background-color:#FFF;
    background-image: url(../imag/sh.png);
    background-repeat:repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #DDDDDD;
    padding:30px;
    width: auto;
    margin: 0px 0px 0px 0px;
}

Получается вот что

@SanychBY · 12.07.2013, 17:06 **[ТС]**

Добавлено через 1 минуту
Извините покопаться на сайте дать не могу, страница только для зареганных пользователей

@S-senj · 12.07.2013, 20:02

Сообщение от SanychBY

#userprofil
{
* * display: block;
...
}

Сообщение от SanychBY

#all
{
...
* * display: block;
...
}

Для блоков совсем не обязательно задавать это - они и так блоковые элементы

Сообщение от SanychBY

margin: 0px 0px 0px 0px;

тут можно просто указать margin: 0;

...и вообще этот метод какой-то странный

добавлять еще блок чисто для пару ссылок - вставьте ссылки в блок "cntnt", прикрепите вправо и задайте блоку нужную ширину...
Или я чего-то не понял...

@maximus2011 · 12.07.2013, 20:26

А вы разве не видите, что у вас ошибка???

CSS
1
2
3
4
5
6
7
#leftpanel
{
    width: 200px;
    float: left;
    margin-top: 60px;
    margin: 60px 0px 0px 10px; /*---зачем второй раз margin-----*/
}

@SanychBY · 12.07.2013, 21:31 **[ТС]**

Сообщение от S-senj

...и вообще этот метод какой-то странный добавлять еще блок чисто для пару ссылок - вставьте ссылки в блок "cntnt", прикрепите вправо и задайте блоку нужную ширину...
Или я чего-то не понял...

Вы не так поняли. Этот блок это меню, есть много по которому я не собираюсь вставлять его в cntnt

Сообщение от maximus2011

А вы разве не видите, что у вас ошибка???

И это из за ошибок он не хочет залазить на место?

Добавлено через 1 минуту
S-senj, И пару ссылок там пока. в leftpanel будет ниже вставлен еще один блок похожий на userprofil

Добавлено через 51 секунду

Сообщение от S-senj

Для блоков совсем не обязательно задавать это - они и так блоковые элементы

а у же не знаю что где задать что бы это заработало....

@maximus2011 · 12.07.2013, 21:35

да из-за них, нельзя для одного элемента писать два раза одно и тоже свойство!!! Вам даже код на форуме показывает ошибку.

@SanychBY · 12.07.2013, 21:49 **[ТС]**

Сообщение от maximus2011

да из-за них, нельзя для одного элемента писать два раза одно и тоже свойство!!! Вам даже код на форуме показывает ошибку.

Что то он наплевал на ошибки и предпочел остаться на прежнем месте- не работает все равно

Добавлено через 1 минуту
В общем весь css code

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
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
91
92
93
94
95
@charset "utf-8";
#all
{
 
    margin: 0px 0px 0px 0px;
    display: block;
}
#cntnt
{
    background-color:#FFF;
    background-image: url(../imag/sh.png);
    background-repeat:repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #DDDDDD;
    padding:30px;
    width: auto;
    margin: 0px;
}
body
{
    font-family: "Lato","Open Sans","Lucida Grande","Verdana",sans-serif;
    font-style:normal;
    text-decoration:none;
    margin:0;
    padding:0;
    background-color:#F0F0F0;
}
.butt
{
    -webkit-appearance: button;
    -webkit-appearance: none;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: none;
    background: #2abff1;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-family: "Lato","Open Sans","Lucida Grande","Verdana",sans-serif;
}
a:link{
    color:#2ABFF1;
}
a:visited{
    color:#2ABFF1;
}
a:hover{
    text-decoration:underline;
    color:#0EA7DA; }
a:active{color:#0EA7DA;}
a
{
    text-decoration: none;
    cursor:pointer;
    color:#2ABFF1;
}
#userprofil
{
    display: block;
    background-color:#FFF;
    background-image: url(../imag/sh.png);
    background-repeat:repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #DDDDDD;
 
}
#allall
{
    margin: 0px 200px 0px 200px;
}
#leftpanel
{
    width: 200px;
    float: left;
   margin: 60px 0px 0px 10px;
}
#do-edition
{
    display: block;
    margin: 30px auto;
}

Добавлено через 6 минут
Штука в том, что все не работает, если задать конкретную величину для all, но я этого делать не хочу, так как он должен растягиваться вбок в зависимости от экрана пользователя.
Например здесь http://htmlbook.ru/css/float все работает отлично и без указаний размера.

@Sabio · 13.07.2013, 00:05

Ты это имел в виду?

Совет: научись изъясняться так, чтобы было понятно о чём речь. Какой блок какой именно должен обтекать? Куча грамматических ошибок, из-за которых приходится лишь гадать. хтмл код неполный...

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
91
92
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>хрень</title>
        <style>
            body
            {
                font-family:Lato,"Open Sans","Lucida Grande", Verdana, sans-serif;
                font-style:normal;
                text-decoration:none;
                margin:0;
                padding:0;
                background-color:#F0F0F0;
            }
            #allall
            {
                margin:0 200px;
            }
            #all
            {
                margin:0; 
            }
            #cntnt
            {
                background:#FFF url(../imag/sh.png) repeat-x;
                -webkit-border-radius:4px;
                -moz-border-radius:4px;
                -ms-border-radius:4px;
                -o-border-radius:4px;
                border-radius:4px;
                border:1px solid #DDD;
                padding:30px;
                width:auto;
                margin:0 0 0 210px;
            }
            :link{
                color:#2ABFF1;
            }
            :visited{
                color:#2ABFF1;
            }
            a:hover{
                text-decoration:underline;
                color:#0EA7DA; 
            }
            a:active{
                color:#0EA7DA;
            }
            a
            {
                text-decoration: none;
                cursor:pointer;
                color:#2ABFF1;
            }
            #userprofil
            {
                background:#FFF url(../imag/sh.png) repeat-x;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                -ms-border-radius: 4px;
                -o-border-radius: 4px;
                border-radius: 4px;
                border:1px solid #DDDDDD;
                padding:5px;
            }
            #leftpanel
            {
               width:200px;
               float:left;
               margin:0 10px 0 0;
            }
            h3{
                margin:10px 0 10px 230px;
            }
        </style>
    </head>
    <body>
        <div id='allall'>
            <div id='all'>
                <h3 id='h'>Заголовок</h3>
                <div id='leftpanel'>
                    <div id="userprofil">
                        <a href="#">Ссылка 1</a><br>
                        <a href="#">Ссылка 2</a>
                    </div>
                </div>              
                <div id='cntnt'>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur? At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</div>
            </div>
        </div>
    </body>
</html>

@SanychBY · 13.07.2013, 00:11 **[ТС]**

Sabio, Тайтл улыбнул=)
Leftpanel должен обтекать all

Добавлено через 57 секунд
все заработало когда я указал для all ширину 75%

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

Сообщение от Sabio

Куча грамматических ошибок, из-за которых приходится лишь гадать. хтмл код неполный...

какая куча ошибок??? с каких пор margin 0px 200px 0px 200px ошибка?

Добавлено через 1 минуту
Я понимаю, что лучше ковыряться на сайте, но доступ к этой странице только для зареганных пользователей,а регистрация временно недоступна

@Sabio · 13.07.2013, 00:29

Сообщение от SanychBY

Leftpanel должен обтекать all

В таком случае переставьте в моём примере div с меню над div all
По поводу 75% .... вы не забываете, что надо отступ ставить на размер divа, который должен обтекать?

Сообщение от SanychBY

какая куча ошибок??? с каких пор margin 0px 200px 0px 200px ошибка?

Речь о грамматических ошибках (смысловых) сообщений на форуме. По-крайней мере мне было тяжело понять о чём вы пишите. Может не прав. Простите, если что.

За тайтл сори)))

@SanychBY · 13.07.2013, 00:40 **[ТС]**

Сообщение от Sabio

По поводу 75% .... вы не забываете, что надо отступ ставить на размер divа, который должен обтекать?

Не понимаю о чем Вы, пока все ровно.

Сообщение от Sabio

Речь о грамматических ошибках (смысловых) сообщений на форуме

простите, мыслей много, печатаю быстро могу что то упустить.

Сообщение от Sabio

За тайтл сори)))

Почему то сегодня меня это слово развеселил. первый раз за день улыбнулся=)))

Новые блоги и статьи Все статьи Все блоги /
Реалии 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. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.

@SanychBY 39 / 46 / 3 Регистрация: 04.06.2013 Сообщений: 1,532
	12.07.2013, 17:06 [ТС]
	Добавлено через 1 минуту Извините покопаться на сайте дать не могу, страница только для зареганных пользователей 0

@maximus2011 269 / 261 / 35 Регистрация: 21.02.2012 Сообщений: 1,078
	12.07.2013, 21:35
	да из-за них, нельзя для одного элемента писать два раза одно и тоже свойство!!! Вам даже код на форуме показывает ошибку. 0