Jump to content
  • 0

Максимальная высота элемента


Keor
 Share

Question

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

Пример: http://aztshop.ru (каждый товар - блок)

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0
Есть несколько блоков div с одним классом, но они разной высоты, как всем блокам сделать максимальную высоту самого высого из данных блоков. А то при блоки не показываются ровно по рядам, а смещаются, решил проблему указанием высоты блока, но это не очень выглядит.

Пример: http://aztshop.ru (каждый товар - блок)

По-моему, высотой блока здесь не исправить.

Во-первых, наименование товара. Оно у вас разной длины (занимает одну или две строки. А если будет три???) поэтому все плывёт. Ставить background здесь, по-моему, не самый лучший вариант. Если background всё-таки нужен, то сделайте этот блок фиксированной ширины.

Во-вторых, фотки. Они у вас разных размеров и с грязным фоном. Если фон можно сделать чистым, то лучше рамку вообще убрать. Если же фотки будут именно с таким фоном, то лучше их делать одинакового размера. Хотя при неоднородном фоне это не так просто. В общем, пляшите от фоток, сколько их будет, будут ли добавляться в будущем, если да, то каким образом они будут подготавливаться.

Иначе получится некрасиво, IMHO

Link to comment
Share on other sites

  • 0
Как сделать чтобы блоки шли друг за другом?

Так как, если убрать высоту блока, то они в линию выводятся не по 3, а по 2 или даже по 1.

По умолчанию блоки выводятся друг под другом по вертикали, для этого ничего делать не нужно. Если нужно чтобы блоки были рядом по горизонтали поставьте им float="left", а количество блоков в строке регулируйте шириной родительского блока. Грубо говоря, сколько влезет, столько и будет.

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

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