ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выравнивание дивов
12 сообщений из 12, страница 1 из 1
Выравнивание дивов
    #39103299
FatherSql
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
FatherSql
Участник
Ох уж этот html. По каким законам он работает - явно не по логическим.

Код: html
1.
<div class="divtop"><div class="mainmenudiv"><a href="" class="sp">abc</a></div><div class="mainmenudiv"><a href="" class="sp">abc</a></div></div>



Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
.divtop
{
width: 100%;
height: 100px;
}
.mainmenudiv
{
width: 20%;
height: 100%;
background: red;
width:200px;
text-align: center;
display:inline-block;
}
.sp 
{
  position: relative;
    top: 40%;
}
...
Рейтинг: 0 / 0
13.11.2015, 23:31
| Ответить | Цитировать | Написать  
Выравнивание дивов
    #39103300
FatherSql
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
FatherSql
Участник
стоит убрать ссылку и получается вот такая фигня (а нужно чтобы также ровными и остались)

Код: html
1.
<div class="divtop"><div class="mainmenudiv"><a href="" class="sp">abc</a></div><div class="mainmenudiv"></div></div>
...
Рейтинг: 0 / 0
13.11.2015, 23:31
| Ответить | Цитировать | Написать  
Выравнивание дивов
    #39103301
FatherSql
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
FatherSql
Участник
ну и вопрос если кто еще не понял - как добиться чтобы СОДЕРЖИМОЕ дива не влияло на то какое расположение он занимает
...
Рейтинг: 0 / 0
13.11.2015, 23:33
| Ответить | Цитировать | Написать  
Выравнивание дивов
    #39103321
Фотография Relic Hunter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Relic Hunter
Участник
FatherSql,


Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
 .mainmenudiv {
            width: 20%;
            height: 100%;
            background: red;
            width: 200px;
            text-align: center;
            display: inline-block;
            float: left;
        }
...
Рейтинг: 0 / 0
14.11.2015, 02:14
| Ответить | Цитировать | Написать  
Выравнивание дивов
    #39103322
Фотография Relic Hunter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Relic Hunter
Участник
Relic Hunter,

Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
        .divtop {
            width: 100%;
            height: 100px;
            display: table;
        }

        .mainmenudiv {
            width: 20%;
            height: 100%;
            background: red;
            width: 200px;
            text-align: center;
            display: inline-block;
            /*float: left;*/
            display: table-cell;
        }
...
Рейтинг: 0 / 0
14.11.2015, 02:19
| Ответить | Цитировать | Написать  
Выравнивание дивов
    #39103324
Фотография Relic Hunter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Relic Hunter
Участник
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
.divtop {
            width: 100%;
            height: 100px;
            display: table-row;
        }

        .mainmenudiv {
            width: 20%;
            height: 100%;
            background: red;
            width: 200px;
            text-align: center;
            display: table-cell;
        }
...
Рейтинг: 0 / 0
14.11.2015, 03:02
| Ответить | Цитировать | Написать  
Выравнивание дивов
    #39104091
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
FatherSqlОх уж этот html. По каким законам он работает - явно не по логическим.
Нечего на зеркало пенять коли рожа крива... Это народная мудрость.

Все там с логикой у ХТМЛ нормально.

И проблему нужно не так решать. Удобнее сразу показать/рассказать, что ты хочешь получить в итоге...
...
Рейтинг: 0 / 0
16.11.2015, 08:48
| Ответить | Цитировать | Написать  
Выравнивание дивов
    #39104968
Фотография Relic Hunter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Relic Hunter
Участник
А вобще лучше сразу сюда. http://www.cssauthor.com/css-frameworks/
...
Рейтинг: 0 / 0
16.11.2015, 20:17
| Ответить | Цитировать | Написать  
Выравнивание дивов
    #39105098
FatherSql
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
FatherSql
Участник
Relic HunterFatherSql,


Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
 .mainmenudiv {
            width: 20%;
            height: 100%;
            background: red;
            width: 200px;
            text-align: center;
            display: inline-block;
            float: left;
        }


помогло, благодарствую
...
Рейтинг: 0 / 0
17.11.2015, 03:54
| Ответить | Цитировать | Написать  
Выравнивание дивов
    #39105103
Фотография Relic Hunter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Relic Hunter
Участник
FatherSql,

Возьмите бутсреп или семантик, к примеру. Для ынтерпайза самое то. Просто и сердито. А ccs пишу если чета подправить нужно локально. А так - все из коробки.
...
Рейтинг: 0 / 0
17.11.2015, 04:50
| Ответить | Цитировать | Написать  
Выравнивание дивов
    #39105228
qi_ip
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
qi_ip
Гость
ИМХО, лучше бутстрап, чем семантик, потому как у последнего есть недоработки при совместном использовании с AngularJS
...
Рейтинг: 0 / 0
17.11.2015, 09:54
| Ответить | Цитировать | Написать  
Выравнивание дивов
    #39106057
Фотография Relic Hunter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Relic Hunter
Участник
qi_ipИМХО, лучше бутстрап, чем семантик, потому как у последнего есть недоработки при совместном использовании с AngularJSгде вы увидели ангуляр? это "маст хэв" уже?
...
Рейтинг: 0 / 0
17.11.2015, 23:06
| Ответить | Цитировать | Написать  
12 сообщений из 12, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выравнивание дивов
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=39103322&tid=1445630]:
 0ms
get settings:
 7ms
get forum list:
 9ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 139ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 51ms
get tp. blocked users:
 1ms
others: 214ms
total:  437ms
созд. / загр.: 437ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]