Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 23.07.2012 14:53

Pashok
Новичок
Зарегистрирован: 23.07.2012
Сообщений: 2

расширение div при установке padding

в общем суть такова
есть такой код

Код:

.leftmenu
{
    width:25%;
    min-width: 200px;
    float: left;
}
.rightcontent
{
    width:75%;
    min-width: 600px;
    float: right;
}

при установке padding допустим 10px происходит расширение блока на 20px, как сделать так чтобы он не расширялся а сжималось содержимое внутри блока

Код:

.leftmenu
{
    width:25%;
    min-width: 200px;
    float: left;
        padding: 10px;
}
.rightcontent
{
    width:75%;
    min-width: 600px;
    float: right;
}

Нет на форуме

 

#2 23.07.2012 21:01

Octane
Опытный
Откуда: Волгоград
Зарегистрирован: 05.03.2012
Сообщений: 220
Вебсайт

Re: расширение div при установке padding

Используйте вложенные блоки с отступом, а у блоков .leftmenu и .rightcontent установите padding: 0;


Кстати, именовать блоки по их расположению на странице - плохая идея. Если я в .leftmenu напишу float: right, то оно превратится в .rightmenu? и надо будет лезть в код и менять название? Блоки надо называть по их смысловой нагрузке.... ну эт так, мысли вслух))))


javascript framework

Нет на форуме

 

#3 24.07.2012 09:06

Pashok
Новичок
Зарегистрирован: 23.07.2012
Сообщений: 2

Re: расширение div при установке padding

Octane написал:

Используйте вложенные блоки с отступом, а у блоков .leftmenu и .rightcontent установите padding: 0;

так и сделал, просто думал что можно как-нить по другому ))


Octane написал:

Кстати, именовать блоки по их расположению на странице - плохая идея. Если я в .leftmenu напишу float: right, то оно превратится в .rightmenu? и надо будет лезть в код и менять название? Блоки надо называть по их смысловой нагрузке.... ну эт так, мысли вслух))))

leftmenu и .rightcontent - такие названия привел здесь для наглядности ))

Нет на форуме

 

Board footer