Jump to content
  • 0

увеличение таблицы вверх, а не вниз


gradus
 Share

Question

<div class="id1">
<div class="id2"> <table><tr><td>Растягиваем<br><br><br></td></tr></table> </div>
</div>

id1 с помощью js меняет свои координаты, а id2 должен от него зависеть.То есть куда id1 туда и id2.

В чём проблема: таблица в id2 меняет свой размер постоянно и соответственно растягивается вниз, нужно сделать так что бы её фундамент был внизу и любое изменение размера проявлялось к её вытяжке вверх.

В css я не силён, поэтому прошу терминологией не кидаться ;)

Link to comment
Share on other sites

20 answers to this question

Recommended Posts

  • 0
<div class="id1">
<div class="id2"> <table><tr><td>Растягиваем<br><br><br></td></tr></table> </div>
</div>

id1 с помощью js меняет свои координаты, а id2 должен от него зависеть.То есть куда id1 туда и id2.

В чём проблема: таблица в id2 меняет свой размер постоянно и соответственно растягивается вниз, нужно сделать так что бы её фундамент был внизу и любое изменение размера проявлялось к её вытяжке вверх.

В css я не силён, поэтому прошу терминологией не кидаться ;)

Ты лучше прекрати ругаться матом и покажи скрины того, что нужно и что происходит сейчас.

Link to comment
Share on other sites

  • 0
привяжи таблицу к bottom: 0; а не top: 0;

тогда таблица окажется в самом низу div id1 так как у таблицы position:absolute; , а нужно что бы она осталась там же и не растягивала div id2 и id1

Edited by gradus
Link to comment
Share on other sites

  • 0
Ну вот сделай тада прозрачный блок сверху, где д2, который будет лежать в д1 и в котором и будет таблица.

я может не так понял, но тогда если измениться д1 , то таблица на месте останеться

Edited by gradus
Link to comment
Share on other sites

  • 0
Да, но если в ней появятся пункты, она же ведь будет расти вверх.

но нужно несколько моментов учесть:

д1 изменяется по размеру вместе c ним всё что в нём находиться, то есть д1 если стал по высоте меньше значит д2 изменил координаты по "Y", так как д2 изменился то координаты по "Y" у table тоже измениться

д2 имеет фиксированный размер и не должен менять размеры

таблица должна растягивать вверх, но и зависеть от расположения д2, соответственно д2 зависит от д1

Edited by gradus
Link to comment
Share on other sites

  • 0
Значит сделай как я тебе сказал, с прозрачным дивом, а уже на ЖС меняй размеры таблицы в зависимости от высоты д1

вот я как раз не хотел js применять что бы координаты менять, хочу только css'ом обойтись в этой проблеме ;)

вот что должно было получиться если бы д1 по высоте стал меньше

32132.jpg

Edited by gradus
Link to comment
Share on other sites

  • 0

Смотри, у тебя выходит, что блок д2 с таблицей должны оставаться всегда на одном месте, независимо от д1 высоты, так? Поэтому если ты не положишь таблицу куда нибудь наверх и не прижмёшь её боттоном, то тада облом, понимаешь?

Link to comment
Share on other sites

  • 0
Смотри, у тебя выходит, что блок д2 с таблицей должны оставаться всегда на одном месте, независимо от д1 высоты, так? Поэтому если ты не положишь таблицу куда нибудь наверх и не прижмёшь её боттоном, то тада облом, понимаешь?

красаУчик! я всё механизм не мог в голове представить.

вместо table поставил div с position:absolute; и в этот див уже таблицу с position:absolute; bottom: 0; и всё получилось ;)

спасибо

Edited by gradus
Link to comment
Share on other sites

  • 0
красаУчик! я всё механизм не мог в голове представить.

вместо table поставил div с position:absolute; и в этот див уже таблицу с position:absolute; bottom: 0; и всё получилось ;)

спасибо

Ну а я тебе сразу так ведь и говорил сделать :)

Link to comment
Share on other sites

  • 0

Здравствуйте. Сильно надеюсь, что тема не закрыта и сюда хоть кто-то еще заглядывает)))

Помогите, пожалуйста, тупому разобраться :) ...

Как сделать так, чтобы блок увеличивался в низ и при этом не налазил на следующий нижний блок?

Надеюсь понятно описала вопрос.

Буду благодарна за подсказку!!!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy