Итак, внештатный клиент хочет, чтобы его сайт наложил ленту, похожую на вилку, похожую на github. лента, которую она послала, намного больше, чем лента github, поэтому, когда я изменяю размер браузера, он испортил некоторые существующие элементы div.
Вот код, который я использую: (в значительной степени полагаясь на Twitter Boostrap)
<body>
<a href="#"><img style="position: absolute; top: 0; left: 0; border: 0;" src="ribbon.png" alt="hello"></a>
<div class="navbar">
<div class="container">
<ul class="nav">
<li><a href="services.html">SERVICES</a></li>
<li><a href="#contact">CONTACT / QUOTE</a></li>
</ul>
</div>
</div>
<div class="container">
<div class="box">
и вот как это выглядит:
http://i.imgur.com/OB1nD.png
('box' - это рассматриваемый контейнер)
Как вы, вероятно, можете сказать, если я изменю размер браузера, текст "Эй, ребята ..." будет перемещен под ленту. просто интересно, если вы, ребята, могли бы предложить какие-нибудь элегантные способы справиться с этим. спасибо!
edit: только что понял, это потому что я вызываю ленту за пределами контейнера?