Jump to content
  • 0

Сформулировать невозможно, просто посмотрите на картинку


Squidward
 Share

Question

Здравствуйте. У красных дивов на картинке задано float:left, они выстраиваются в два "столбика" из-за того, что оборачиваающий их черный див ограничен по ширине. В левом "столбике" дивы "не прилипают" к верхним. Как можно сделать, чтобы прилипали? Даже не принципиально, будут ли это дивы или что-то еще, останется у них float или нет. Рассовать их в два оборачивающих дива не советуйте, если бы это можно было сделать, я бы не спрашивал.

0c9e35321e3b.png

Вот код: http://jsfiddle.net/fUtA4/

Edited by Squidward
Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0

Ну ведь специально писал же, что нельзя два дива брать =) Нет такой возможности. Иначе я зачем бы вообще вопрос такой задавал?

Вот так

А, извенияюсь, я что то пропустил этот момент)

Edited by DImas95
Link to comment
Share on other sites

  • 0

Squidward, как вариант левым блокам задавать класс с float:left, правым - float:right...

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

Link to comment
Share on other sites

  • 0

да он же пишет что с float-ами не прёт.... как видно размер контента каждого div заранее не известен и если на пример у 3-го diva контент на много больше, то divы 4, 5, ... и т.д. будут обтекать 3-ий пока он незакончиться. поэтому тут неясно какой из divов будет правый а какой левый и когда всё это закончиться.

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

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