DIV блоки

@bAcup · Регистрация: 25.09.2013

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

Доброго времени суток. У меня тут вопрос назрел: собсна, ради интереса решил сделать простенький сайтик, да и курсач потом писать не нужно будет(

). Так вот. Сделал два div блока(левый и правый). Решил прикрутить к ним заголовки(красиво же). Теперь, независимо от "float" они все равно появляются справа. Я не понимаю почему. Буду ОЧЕНЬ благодарен за помощь.

CSS

/*Правый блок*/
#RightBlock { 
    float: right; /*Расположение*/
    width: 300px;
}
 
.head {
     text-align:center; /* Выравнивание */
     color: white; /* Цвет заголовка */
     font-family: Arial; /* Шрифт */
     background-color: #000000; /* Цвет фона */
     border: 1px solid #333333; /* Сплошная граница и цвет */
     font-size: 15px; /* Размер шрифта */
     font-weight: bold; /* Жирность */
     padding: 10px; 
}
/* Блок */
.block {
     text-align:center; /* Выравнивание */
    font-family: Arial; /* Шрифт */
    font-size: 13px; /* Размер шрифта */
    color: white; /* Цвет текста */
    background-color: rgba(139, 0, 255, 0.25); /* Прозрачность и цвет */ 
    box-shadow: 0px 0px 20px #000000; /* Тень блока */
    border: 1px solid #333333; /* Рамка/обводка блока */
    padding: 10px; 
}
 
/* Левый блок, соответственно */
#LeftBlock { 
    float: left;
    width: 300px;
}
 
/* Голова, лол */
.head {
     text-align: center; /* Выравнивание */
     color: white; /* Цвет заголовка */
     font-family: Arial; /* Шрифт */
     background-color: #000000; /* Цвет фона */
     border: 1px solid #333333; /* Сплошная граница и цвет */
     font-size: 15px; /* Размер шрифта */
     font-weight: bold; /* Жирность */
     padding: 10px; 
}
 
/* Блок */
.block {
     text-align: center; /* Выравнивание */
    font-family: Arial; /* Шрифт */
    font-size: 13px; /* Размер шрифта */
    color: white; /* Цвет текста */
    background-color: rgba(139, 0, 255, 0.25); /* Прозрачность и цвет */ 
    box-shadow: 0px 0px 20px #000000; /* Тень блока */
    border: 1px solid #333333; /* Рамка/обводка блока */
    padding: 10px; 
}

@Academik · 09.02.2014, 05:58

html дайте.

@bAcup · 09.02.2014, 15:23 **[ТС]**

Сообщение от 35cm

html дайте.

HTML5

<div id ="LeftBlock">
    <div class ="head">
        Оглавление 
    </div>
    <div class ="block">
        <p>Текст</p>
    </div>
    <br><br><br>
    <div id ="RightBlock">
    <div class ="head">
        Оглавление 2
    </div>
    <div class ="block">
        Текст
    </div>

@Thomas Gabriel · 09.02.2014, 22:17

Добавлено через 35 секунд
bAcup,

HTML5

html>
<head><link rel="stylesheet" type="text/css" href="style.css"></head>
<body>
<div id ="LeftBlock">
    <div class ="head">
        Оглавление 
    </div>
    <div class ="block">
        <p>Текст</p>
    </div>
</div><!---Этот --->
    <br><br><br>
    <div id ="RightBlock">
        <div class ="head">
        Оглавление 2
       </div>
    <div class ="block">
        Текст
    </div>
</div><!---Этот --->
</body>
</html>

посмотри какие дивы не закрыты у тебя их там 2-а

@bAcup · 09.02.2014, 23:10 **[ТС]**

Сообщение от Thomas Gabriel

посмотри какие дивы не закрыты у тебя их там 2-а

Очень благодарен Вам! Просто слов нет как, спасибо!

@Academik 1025 / 678 / 295 Регистрация: 04.04.2013 Сообщений: 2,709
	09.02.2014, 05:58	2
	html дайте. 0

@bAcup 0 / 0 / 0 Регистрация: 25.09.2013 Сообщений: 15
	09.02.2014, 23:10 [ТС]	5
	Сообщение от Thomas Gabriel посмотри какие дивы не закрыты у тебя их там 2-а Очень благодарен Вам! Просто слов нет как, спасибо! 0

Опции темы