Jump to content
  • 0

Можно ли вернуть в поток абсолютный блок?


WalkMan
 Share

Question

есть 4 блока

0 - relative;

1 - static

2 - absolute (спозиционирован относительно 0 )

3 - static

2 блок по высоте значительно превышает блок относительно которого он спозиционирован ( блок №0)

Вопрос следующий: можно ли сделать так, что бы при случае если блок №2 будет превышать высоту блока №1, не залазил на блок №3, а смещал его в вниз

собственно вот:

Untitled-1-1.jpg

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0

что-то вы велосипед изобретаете, вот уже все изобретено:

http://layouts.ironmyers.com/

http://www.dynamicdrive.com/style/layouts/category/C10/

http://www.code-sucks.com/css%20layouts/faux-css-layouts/

http://tjkdesign.com/articles/one_html_mar...css_layouts.asp

http://blog.html.it/layoutgala/

ну и вообще генератор стандартной верстки:

http://csstemplater.com/

Link to comment
Share on other sites

  • 0

to Searcher

я может немого туплю но как это относиться к теме топика?

to psywalker

там дизайн жесть полная была :)

и в тз были указаны таблицы :)))

с твоим вариантом там не подлезть

Edited by WalkMan
Link to comment
Share on other sites

  • 0
to Searcher

я может немого туплю но как это относиться к теме топика?

Напрямую. У вас стандартная верстка 2-мя колонками. А в моих ссылка полно вариантов такой верстки и проблем с высотами там нет. Вам psywalker уже дал решение. Не используйте абсолютное позиционирование здесь. float:right у правого блока и соответствующий margin-right у 1-го блока. А родителю overflow:hidden, чтобы видел плавающий блок.

И не понял, если в тз таблицы, почему тогда не таблицами? Если не таблицами, то почему с этим вариантом не подлезть?

Edited by Searcher
Link to comment
Share on other sites

  • 0
Напрямую. У вас стандартная верстка 2-мя колонками. А в моих ссылка полно вариантов такой верстки и проблем с высотами там нет. Вам psywalker уже дал решение. Не используйте абсолютное позиционирование здесь. float:right у правого блока и соответствующий margin-right у 1-го блока. А родителю overflow:hidden, чтобы видел плавающий блок.

И не понял, если в тз таблицы, почему тогда не таблицами? Если не таблицами, то почему с этим вариантом не подлезть?

Я кстати тоже не понял юмора, сначала сам спрашивает про позиционирование, а потом уже откуда то таблицы взялись :) Нее, ну раз так, то и делай на таблицах, две строки, три колонки, ещё легче тада :)

Link to comment
Share on other sites

  • 0
Я кстати тоже не понял юмора, сначала сам спрашивает про позиционирование, а потом уже откуда то таблицы взялись :) Нее, ну раз так, то и делай на таблицах, две строки, три колонки, ещё легче тада :)

Ну че тут странного, переубедил наверна "дивы наше ВСЕ".

Абсолют возвратица в поток, только если убрать position:absolute, иного не дано.

А по ссылкам куча лайетов, берите любой и не заморачивайтесь. Если хотите разобраться сами - разбирайтесь.

Link to comment
Share on other sites

  • 0
Ну че тут странного, переубедил наверна "дивы наше ВСЕ".

Абсолют возвратица в поток, только если убрать position:absolute, иного не дано.

А по ссылкам куча лайетов, берите любой и не заморачивайтесь. Если хотите разобраться сами - разбирайтесь.

да там разбираться то нечего, задача для первого класса

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