envoleon
-
Posts
2 -
Joined
-
Last visited
envoleon's Achievements
Explorer (1/14)
0
Reputation
-
envoleon changed their profile photo -
У работодателя видно были свои (как и его борода) взгляды на все это. Решение засчитывается, но с требованием "за 5 минут" я бы поспорил, как минимум из-за margin-right -100%. Я не знаю, что нужно пережить, зная такую хитрость). Значит пункт с добавлением еще одного div был выходом. Я старался его избежать из-за слов "при необходимости". Не знаю возможно ли его вообще выполнить. У меня было одно решение (с таблицами), но слабое, так как каждая колонка тянет за собой вертикальный размер: <html> <head> <style type="text/css"> body { margin: 0px; } .columns { display:inline-table; table-layout: fixed; width: 100%; background: #FCE600; overflow:hidden; position: relative; } .sidebar-right { display:table-cell; position:relative; width: 300px; background: #0000ff; } .sidebar-left { display:table-cell; position:relative; right:100%; transform: translateX(200%); width: 300px; background: #ff0000; } .content { display:table-cell; position:relative; right:-300px; background: #54B948; word-wrap:break-word; } </style> </head> <body> <div class="columns"> <div class="content">Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque eius odio eveniet suscipit quidem, vero commodi maiores explicabo ab labore modi? Nostrum veritatis ducimus corporis voluptatibus magni nobis velit veniam.</div> <div class="sidebar-left">Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque eius odio eveniet suscipit quidem, vero commodi maiores explicabo ab labore modi? Nostrum veritatis ducimus corporis voluptatibus magni nobis velit veniam.</div> <div class="sidebar-right">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Rem deserunt odit illum accusantium esse quo inventore molestias natus quasi quidem tempora, alias ullam expedita minus eius, aspernatur aperiam dolorem nostrum. Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque eius odio eveniet suscipit quidem, vero commodi maiores explicabo ab labore modi? Nostrum veritatis ducimus corporis voluptatibus magni nobis velit veniam.</div> </div> </body> </html>
-
Всем привет. Примерно год назад, я пытался устроиться в одну компанию( не помню название). В общем там дали 3 тестовых задания для рассмотрения знаний. Первый был связан с html и css. Остальные два с javascript и mysql. На все про все давалось пол дня. По первому впечатлению первый оказался самым легким, но не тут то было (из-за чего я и провалил тест), о нем и пойдет речь в этой теме, так как с остальными я управился за час. После провала, я решил не сдаваться и попробовать добить это первое задание. Бился на нем днями. Так его и не решил. Так его и не решили мои знакомые друзья (которые имеют хороший опыт в верстке). Я не знаю в чем подвох, может вы мне подскажите? Вот само задание Может кто из вас сможет его решить, потому что я уже перепробовал очееень много разных способов? Может даже создатель этого задания сидит тут. В заранее, прежде чем думать, что вы решили его за 5 минут с лета, внимательно прочитайте все условия (Тут не все так просто и вправду нужно подумать) Никакие советы не принимаются. только готовое решение, которое вы сами уже протестировали. Буду проверять, укажу на ошибки, если будут. Время для выполнения не ограничено, это чисто на интерес каждого, проверить свои способности.