Jump to content
  • 0

Проблема с версткой столбцов ul и li


papay
 Share

Question

Нужно свертсать три столбца, одинаковых по высоте не зависимо какое количество текста в них. Таких столбцов будет много. Столкнулся с проблемой, что меняется высота в зависимости от количества текста, как сделать, что бы высота менялась в зависимости от столбца? Без использования явы, только css, например через td, высота выравнивается во всех внутри тега tr, но с ними началась проблема когда начал задавать перенос строки при помощи word-wrap: break-word;. В общем, что то я запутаолся.

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

http://jsfiddle.net/UnwHS/1/

Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

http://jsfiddle.net/vEwaS/ написано что опера не поддерживает

таких вопросов было очень - много и всем разное советовали.. не проще ли здесь поступить так???

http://jsfiddle.net/epSZZ/1/

Edited by Николя223
Link to comment
Share on other sites

  • 0

http://jsfiddle.net/vEwaS/ написано что опера не поддерживает

таких вопросов было очень - много и всем разное советовали.. не проще ли здесь поступить так???

http://jsfiddle.net/epSZZ/1/

Увы фон в этом случае не подходит, так как под дизайн сайта используется белый. Через td нет проблемы в принципе сделать, он и так выравнивает по высоте все блоки не зависимо что за текст внутри, но вот если текст сплошной без пробелов, тоесть ссылка, она не переносится, растягивает блок или выходит за его приделы, стоит вставить word-wrap: break-word, все, хана, все начинает разъезжаться и уже по высоте как раньше не выравнивается, не могу понять в чем дело.

Edited by papay
Link to comment
Share on other sites

  • 0

В своем вопросе разобрался сам, все как всегда было просто, но не замечал :) Нужно было добавить дополнительный div и прописать для него код

Пример http://jsfiddle.net/papay88/SXWWy/4/

Link to comment
Share on other sites

  • 0

В своем вопросе разобрался сам, все как всегда было просто, но не замечал :) Нужно было добавить дополнительный div и прописать для него код

Пример http://jsfiddle.net/papay88/SXWWy/4/

ага)) как говорится - всё гениальное - просто, и обычно сам до него и додумываешься))

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