Дорогие мои и уважаемые программисты.
Подскажите, пожалуйста, почему, если закомментировать в классе .new рамку:
.new {
/*border: 2px solid fuchsia;*/
overflow: hidden;
float: left;
}
нажать на кнопку добавить, а потом на кнопку удалить - то поле w(бирюзовое) не расстягивается на всю ширину?
Почему рамка влияет на растяжение другого div?

И еще вопрос: как разместить div .w (бирюзовый) по центру черного квадрата(квадрат появляется после нажатия на кнопку добавить)?

https://jsfiddle.net/upzfr4q5/

_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)

Ну это уже, не к программистам, а к верстальщикам )
А если по теме - помочь Вам не могу, ибо JS еще не изучал )

STOphp, есть такие форумы?


_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)

http://demiart.ru/forum/index.php?showforum=66

_____________
Стимулятор ~yoomoney - 41001303250491

Если что, я тоже пишу в разделе - Дизайн и верстка)

_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)

zvezda_t,
Слабовато тут с дизайном, куда не плюнь одни программисты)))


_____________
Стимулятор ~yoomoney - 41001303250491

а почему высота #wrapper больше, чем родителя?


_____________

Профессиональная разработка на заказ

Я на GitHub | второй профиль

Invis1ble
ошиблась... но это не влияет на суть)

_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)

<div>
  <img style="float:left;"> text
</div>

Зачем изобретать что-то мега-сложное? Вот картинка есть, то она сдвинет текст вправо, если нет, то не сдвинет.

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).

И ещё, как может быть див внутри ЧЁРНОГО квадрата, когда они соседи, а не дочерние элементы? По не может быть внутри, так как он не внутри же.

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).

inpost
.w не должен быть внутри #new.
Мне нужно, чтоб после появляения черного квадрата (.item), .w уменьшился в ширине, и при этом по высоте был по центру #wrapper.
то есть высота #wrapper за счет добавления черного квадрата (.item) увеличится, и .w всегда должен быть по центру #wrapper.


_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)

https://jsfiddle.net/9ecq52zq/

https://jsfiddle.net/zcqq4f63/1/

https://jsfiddle.net/urssLz0e/1/

и через таблицы:
http://beavers-net.n...e_Zt-table.html

_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)