Jump to content
  • 0

Колонка фиксированной ширины....в Mozilla Firefox и IE...


Serjinio
 Share

Question

Блок в Mozilla Firefox 2

57e252ec43f5t.jpg

IE 6

bbcfcf56ed52t.jpg

В первом случае, ширина фиксирована, но текст выходит за пределы блока ,т.е. происходит расширение поля...

Во втором случае ИЕ растягивает границы блока,согласно содержимого....

Вопрос???? как сделать колонку фиксированной ширины ,чтобы в Mozilla Firefox текст переносился на другую строку,а в IE не изменялся размер блока в зависимости от содержимого..

При этом было бы возможно использовать margin,padding,border для блока....

Заранее спасибо...

Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0

Из чего складываются размеры блока и в чем отличие в просчете суммарных размеров длин и высот в нормальных броузерах и ИЕ я прекрасно знаю...вопрос в другом...почему при добавлении символов в строку больше ,чем указанные поля блока, в Mozilla Firefox...пробивает границы блока ,а ИЕ наоборот, растягивает..их.(границы)...и как с этим бороться...интересует именно корректный перенос символов при четко заданных размерах ширины блока,чтобы работало во всех броузерах...нужен метод решения данной проблемы...

Link to comment
Share on other sites

  • 0

Победить можно...нашел как решить эту проблему с расширением полей в ИЕ..

Статья называется Internet Explorer and the Expanding Box Problem

Сайт http://www.positioniseverything.net/explor...dingboxbug.html

Статья на английском но, и так все понятно...

Успехов....

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

  • Обсуждения

    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
×
×
  • 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