Jump to content

corsair

Newbie
  • Posts

    8
  • Joined

  • Last visited

Everything posted by corsair

  1. psywalker, решение просто супер, а главное проще некуда! Огромное спасибо всем, кто откликнулся! Люблю этот форум
  2. psywalker, вот как быть не должно. Как быть должно думаю ясно. buddah, так просто не выйдет, так как сайт будет оптимизироваться под несколько разрешений, соответственно придется делать несколько широченных фонов, с обрамлением по краям и прозрачных в центре. Способ, конечно, не без недостатков, но все же вполне жизнеспособен. За смекалку +1 =)
  3. Доброго времени суток! В новом проекте озадачился одной интересной проблемой. Суть проблемы та же что и у автора с этого буржуйского форума. Вот только решение меня не очень радует. Как-то не кошерно использовать JS для верстки. Верстка у меня примерно такая же, т.е. три дива один под другим и еще по три дива в каждом из них. У всех float: left. В дивах content_left_vertical и content_right_vertical есть только фоны с повторением по вертикали и нет контента. Чтобы появился фон, этим дивам нужно указать высоту, но высоту дива content, в котором, как следует из названия, лежит контент, заранее узнать невозможно. Выкурил кучу хаков выравнивания колонок по одной высоте, но все они не подходят, т.к. требуют наличия контента во всех колонках. До пяти утра курил Гугл, но так и не нашел адекватной замены решению на JS. Решил спросить, может у уважаемых коллег будут какие-то идеи. Буду очень признателен.
  4. Благодарствую. Век живи - век учись!
  5. Доброго времени суток! Помогите, пожалуйста, решить следующую проблему. Есть HTML5-код: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>DOCTYPE</title> <style type="text/css"> table, tr, td { margin: 0px; padding: 0px; border: 1px solid black; border-collapse: collapse; border-spacing: 0px; } </style> </head> <body> <table> <tr> <td> <img src="image.jpg"> </td> </tr> </table> </body> </html> Проблема заключается в том, что в документе с доктайпом HTML5,HTML4 Strict или XHTML1 Strict под изображением образуется небольшое пустое пространство, при чем в разных браузерах разного размера. Если выставить доктайп с переходным синтаксисом - эта особенность исчезает и страница ведет себя ожидаемым образом, т.е. изображение плотно прилипает к границам ячейки. Проблему удалось решить с помощью margin-bottom: -4px, но это не универсально, к тому же явный костыль. Но других способов я не нашел. Объясните, пожалуйста, почему это происходит и как от этого избавиться, сохранив при этом доктайп. У меня идеи закончились. Спасибо!
  6. Хоспади! Прошу прощения, это был вечерний тупак Большое спасибо Вам, psywalker!
  7. Гран мерси! Правда это решение породило другой вопрос Теперь содержимое #content "обтекает" содержимое #news. clear, к моему удивлению, не помогает. Помогает установка height для #news, но это как-то не комильфо. Как еще можно запретить это обтекание? Полный листинг: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Где косяк?</title> <style> div { border: 1px solid black; } #body { width: 960px; } #content { oveflow:hidden; } #news { float: right; width: 300px; height: 100px; } </style> </head> <body> <div id="body"> <div id="news">News</div> <div id="content"> Согласно открывшимся сведениям, для урегулирования поданного компанией FireStar Software иска о нарушении патентов в программном обеспечении, развиваемом под лицензией GPL, компания Red Hat в июне 2008 года выплатила 4,2 миллиона долларов отступных. Этот факт, являющийся одним из "самых тщательно скрываемых секретов в истории OpenSource", был выявлен Флорианом Мюллером (Florian Mueller), известным борцом с патентованием программного обеспечения, который нашёл в судебных архивах документ, зафиксировавший выплату. </div> </div> </body> </html>
  8. Доброго времени суток! Подскажите, пожалуйста, как можно решить следующую проблему: Есть такой код: <div id="body"> <div id="content">Content</div> <div id="news">News</div> </div> №news имеет фиксированную ширину, но его может вообще не быть в документе. Я никак не придумаю, как мне сверстать так, чтобы в случае отсутствия #news, #content растягивался на всю ширину #body, а в случае наличия - находился слева от #news. Сейчас #content растягивается на всю ширину, а #news уходит под него. Буду признателен за советы, а то голову уже сломал. Полный листинг: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Где косяк?</title> <style> div { border: 1px solid black; } #body { width: 960px; } #content { float: left; } #news { float: right; width: 300px; } </style> </head> <body> <div id="body"> <div id="content"> Согласно открывшимся сведениям, для урегулирования поданного компанией FireStar Software иска о нарушении патентов в программном обеспечении, развиваемом под лицензией GPL, компания Red Hat в июне 2008 года выплатила 4,2 миллиона долларов отступных. Этот факт, являющийся одним из "самых тщательно скрываемых секретов в истории OpenSource", был выявлен Флорианом Мюллером (Florian Mueller), известным борцом с патентованием программного обеспечения, который нашёл в судебных архивах документ, зафиксировавший выплату. </div> <div id="news">News</div> </div> </body> </html>
×
×
  • 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