Дивы в ряд!

@shturnev · Регистрация: 02.06.2012

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

Всем привет, у меня достаточно простая проблема (не могу поставить 3 дива в один ряд), но всёже никак не могу понять почему не получается?

Вот страничка с этими дивами: http://s-t.shturnev.com/

Пишу сюда, так как пропарился уже долго и никак не могу понять в чём проблема, и спросить больше не укого, заранее большое спасибо.

@Tedorius · 01.09.2012, 22:16

CSS
1
 .class1 { float: left; /* Обтекание по правому краю */ }

Это присвоить каждому div которые должны быть в ряд(кроме последнего).

@Taatshi · 01.09.2012, 22:56

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

CSS
1
 .class1 { float: left; /* Обтекание по правому краю */ }

Это присвоить каждому div которые должны быть в ряд(кроме последнего).

Я тоже так думала

Только последнему тоже надо. Но у него там что-то волшебное)) Может не сработать.

Если таки не сработает - выложите пожалуйста весь код страницы - и html, и css...

@shturnev · 01.09.2012, 23:24 **[ТС]**

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

Я тоже так думала

Только последнему тоже надо. Но у него там что-то волшебное)) Может не сработать.

Если таки не сработает - выложите пожалуйста весь код страницы - и html, и css...

Точно волшебное ))), не могу понять в чём прикол, "ему" какбы не хватает места, но по матиматике должно хватать (заявлено 600px - доступно 935px), может я гдето допустил ошибку и не вижу?

Вот сss: http://s-t.shturnev.com/css/style.css
и сам html:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
    <div id="content">
        <!--Слайдер-->
        
        <!--Слайдер END-->
        
        <!--Инфо навигация-->
        <div id="info_nav">
            <div id="i_n1">sas</div>
            <div id="i_n2">sds</div>
            <div id="i_n3">sds</div>
        </div>
        <!--Инфо навигация END-->
    
    </div>

посмотреть исходный код можно всё по тойже ссылке: http://s-t.shturnev.com/

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

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

(кроме последнего).

А почему кроме последнего?

@Taatshi · 01.09.2012, 23:31

Ни-ни. ВЕСЬ html - всей страницы давайте, не только контент.

Добавлено через 3 минуты
ибо без остального кода, только то, что Вы дали - все прекрасно выстраивается как надо.

@shturnev · 02.09.2012, 00:37 **[ТС]**

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
<body>
<!--Контейнер -->
    <div id="main_conteiner">
    
    <!--Хидер -->
        <a id="header_logo" href="index.php" alt="Перейти на главну страницу" title="Перейти на главну страницу"></a>
        
        <div id="head_buttons">
            <ul class="b1">
                <li><a href="#">Корзина (0)</a></li>
            </ul>
            
            <ul class="b2">
                <li><a href="#">Клиентская служба</a></li>
                <li><a href="#">Кабинет производителя</a></li>
            </ul>
            
            <ul class="b3">
                <li><a href="#">Вход</a> | <a href="#">Регистрация</a></li>
                <li><a href="#">Мой кабинет</a></li>
            </ul>
        </div>
        
      <!--Меню-->
        <nav id="nav_conteiner">
            <a id="nav1" href="#"></a>
            <a id="nav2" href="#"></a>
            <a id="nav3" href="#"></a>
            <a id="nav4" href="#"></a>
            <a id="nav5" href="#"></a>
            <a id="nav6" href="#"></a> 
        </nav>
      
        
    <!--Хидер END-->
    
    <!--Конент-->
    <div id="content">
        <!--Слайдер-->
        
        <!--Слайдер END-->
        
        <!--Инфо навигация-->
        <div id="info_nav">
            <div id="i_n1">sas</div>
            <div id="i_n2">sds</div>
            <div id="i_n3">sds</div>
        </div>
        <!--Инфо навигация END-->
    
    </div>
      
    
    <!--Растяжка 180px -->
        <div id="raztyajka"></div>
    </div>
 
<!--Футер -->
    <div id="footer_conteiner"></div>
 
 
</body>

@Taatshi · 02.09.2012, 08:17

Добавьте после меню див

HTML5
1
<div class = "clear"></div>

вот так

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<!--Меню-->
        <nav id="nav_conteiner">
            <a id="nav1" href="#"></a>
            <a id="nav2" href="#"></a>
            <a id="nav3" href="#"></a>
            <a id="nav4" href="#"></a>
            <a id="nav5" href="#"></a>
            <a id="nav6" href="#"></a> 
        </nav>
      
        <div class = "clear"></div>
    <!--Хидер END-->

для него в css пропишите

CSS
1
.clear {clear:both; content:""; display:block; height:0; font-size:0;overflow: hidden;}

Добавляйте этот див после всех групп элементов, где используете float - избавитесь от многих проблем.

И не используйте позиционирование дивов absolute без крайней необходимости - у Вас ни разу нигде не надо. Лучше используйте margin и правильное позиционирование одного дива относительно другого.

Если на странице много абсолюта - у Вас однажды могут возникнуть серьезные проблемы с интернет эксплорером.

Добавлено через 3 минуты
На будущее - если я прошу ВЕСЬ код - это значит до последнего символа - с доктайпом и всеми пустыми строками сверху и снизу

@shturnev · 02.09.2012, 12:58 **[ТС]**

спасибо большое, так и есть

Новые блоги и статьи Все статьи Все блоги /
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK сделайте это, JDK, то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Перейдите по ссылке:. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль 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 будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .

@shturnev 1 / 1 / 1 Регистрация: 02.06.2012 Сообщений: 30

	Дивы в ряд! 01.09.2012, 22:05. Показов 7629. Ответов 7 Метки нет (Все метки) Всем привет, у меня достаточно простая проблема (не могу поставить 3 дива в один ряд), но всёже никак не могу понять почему не получается? Вот страничка с этими дивами: http://s-t.shturnev.com/ Пишу сюда, так как пропарился уже долго и никак не могу понять в чём проблема, и спросить больше не укого, заранее большое спасибо. 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	01.09.2012, 23:31
	Ни-ни. ВЕСЬ html - всей страницы давайте, не только контент. Добавлено через 3 минуты ибо без остального кода, только то, что Вы дали - все прекрасно выстраивается как надо. 0

@shturnev 1 / 1 / 1 Регистрация: 02.06.2012 Сообщений: 30
	02.09.2012, 12:58 [ТС]
	спасибо большое, так и есть 0