Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
 
Рейтинг 4.50/14: Рейтинг темы: голосов - 14, средняя оценка - 4.50
38 / 38 / 2
Регистрация: 13.06.2012
Сообщений: 650
1

блоки CSS

15.04.2013, 02:08. Показов 2793. Ответов 23
Метки нет (Все метки)

Делаю блоки CSS. Что я заметил. Во первых: при уменьшении окна браузера блоки могут немного меняется местами, во вторых: самый нижний блок вдруг вверх пошел. Сайт пустой, просто блоки тренируюсь делать нормальные..
Вот код CSS:
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
#shapka 
{
border: 1px solid red;
height: 200px
}
#menu
{
 
border: 1px solid green;
height: 400px;
width: 150px;
float: left
}
#content
{
border: 1px solid red;
height: 400px;
width: 1200px;
float: left
}
#piar
{
position: fixed;
border: 1px solid red;
height: 400px;
float: right;
 
}
#niz
{
border: 1px solid red;
height: 110px;
 
}
А вот собственно сам HTML:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
<head>
<title>Главная</title>
<link rel="stylesheet" type="text/css" href="css.css" >
</head>
<body>
<div id="shapka">
</div>
<div id="menu">
</div>
<div id="content">
</div>
<div id="piar">
</div>
<div id="niz">
</div>
 
 
 
 
</body>
</html>
Хотелось бы чтобы блоки четко стояли, чтобы не дрыгались. Будут потом с контентом местами меняться... Спасибо
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
15.04.2013, 02:08
Ответы с готовыми решениями:

CSS Задание CSS блоки
Создайте страницу

Блоки CSS
Есть код, который делает три блока как на 1 скрине, при добавлении текста в левый блок(1) , 2 и 3...

Блоки в CSS
Доброго времени суток! Помогите плиз с DIVфами... Существует резиновый сайт. Мне нужно в...

Блоки css
krabo.ru/index.php?route=product/category&amp;path=88 Я чайник, поэтому не знаю как правильно это...

23
47 / 47 / 6
Регистрация: 10.05.2012
Сообщений: 236
16.04.2013, 01:23 21
адаптивную верстку нужно делать
0
6 / 6 / 1
Регистрация: 31.08.2012
Сообщений: 230
18.05.2013, 05:37 22
Цитата Сообщение от sheila Посмотреть сообщение
адаптивную верстку нужно делать
Поясните?
0
560 / 337 / 87
Регистрация: 15.05.2013
Сообщений: 812
Записей в блоге: 1
18.05.2013, 14:01 23
Исправил. Держите.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div id="shapka"></div>
    <div id="menu"></div>
    <div id="piar"></div>
    <div id="content"></div>
    <div id="niz"></div>
</body>
</html>
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
body{
    margin:0;
}
 
#shapka 
{
height: 200px;
border: 3px solid blue;
margin-bottom: 10px;
}
#menu
{
float: left;
width: 150px;
height: 400px;
border: 3px solid green;
}
#content
{
    margin: 0 160px 10px;
height: 400px;
border: 3px solid grey;
}
#piar
{
float: right;
width:150px;
height: 400px;
border: 3px solid red;
 
}
#niz
{
border: 3px solid violet;
height: 110px;
1
161 / 161 / 11
Регистрация: 07.09.2011
Сообщений: 995
18.05.2013, 19:24 24
Цитата Сообщение от Greeezly Посмотреть сообщение
Поясните?
Я так подозреваю это верстка при которой используется не один общий файл css а под некоторое множество разрешения экранов.
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
18.05.2013, 19:24

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Блоки в css
два блока текста с разным цветом и единым фоном

блоки в css
Здравствйте ребята. Подскажите пожалуйста, какую команду прописать, чтобы блоки при перемещние не...

Блоки в css html
подскажите как сделать 3 блока подряд &lt;div id=&quot;vse&quot;&gt; &lt;div id=&quot;vse1&quot;&gt;&lt;/div&gt; &lt;div...

CSS. Блоки DIV
Всем привет! Зарегался сёдня здесь, в надежде на помощь по CSS. Идея такова, что делаю сайт...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
24
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.