Jonh Doe

У меня все нормально и в первом и во втором. Хром последний Макось.

оберни row в container-flid и вместо row надо row-fluid

<img
src="data:image/gif;base64,R0lGODdhMAAwAPAAAAAAAP///ywAAAAAMAAw
AAAC8IyPqcvt3wCcDkiLc7C0qwyGHhSWpjQu5yqmCYsapyuvUUlvONmOZtfzgFz
ByTB10QgxOR0TqBQejhRNzOfkVJ+5YiUqrXF5Y5lKh/DeuNcP5yLWGsEbtLiOSp
a/TPg7JpJHxyendzWTBfX0cxOnKPjgBzi4diinWGdkF8kjdfnycQZXZeYGejmJl
ZeGl9i2icVqaNVailT6F5iJ90m6mvuTS4OK05M0vDk0Q4XUtwvKOzrcd3iq9uis
F81M1OIcR7lEewwcLp7tuNNkM3uNna3F2JQFo97Vriy/Xl4/f1cf5VWzXyym7PH
hhx4dbgYKAAA7"
alt="Larry" />

так-же и в css

background-image: url("data:image/gif;base64,R0lGODlhAwADAIAAAP///8zMzCH5BAAAAAAALAAAAAADAAMAAAIEBHIJBQA7");

Адаптивный дизайн

Я бы разбил рамку на следующие блоки: верх, низ, право, лево и углы.
Потом грузил картинку в див у которого есть 4 ребенка (это углы), они будут с абсолютным позиционированием относительно родителя. А стороны задавал вложенными background-image у основного дива.

сделать по высоте все картинки 100% от блока.
выровнять картинки по ширине.
ну я бы еще добавил широкий полупрозрачный бордер, чтобы была хоть какая-то однотипность.

@media screen and (-webkit-min-device-pixel-ratio:0) { 

Body {}

}

будет работать для webkit (chrome, safari и т.д.)

ищи в стилях overflow-y: scroll;

Посмотрите как это реализованно тут applejesus.ru

Вот кусок

$(window).scroll(function () {
		$('.container > li > article').each(function() {
			if (!$(this).hasClass('animate')) {
				if (($(this).position().top - $(window).height() * 3 / 4) < $(window).scrollTop()) {
					$curItem = $(this);
					$curItem.addClass('animate');
					//setTimeout(function() {$curItem.animate({opacity: 1}, 400); }, 500);
					$curItem.animate({opacity: 1}, 300);
					if ($curItem.parents('li').hasClass('pre_cancel')) {
						$curItem.parents('li').attr('class', 'cancel');
					}
				}
			}
		});
	});

<div class="wrapper">
    <h1>Title</h1>
    <div class="share">share it</div>
</div>

.wrapper {
    height: 300px;
    width: 100%;
    margin: auto;
    text-align:center;
    left: 0; right:0; top:0; bottom:0;
    position: absolute;
}

Зависит от верстки. Можно задать позицию логотипа абсолютную и поставить z-index меньше чем у блока меню.

А если пройтись по DOMу и сделать массив со всеми элементами и их стилями. Например в jQuery это достаточно легко.

Боже мой. Зачем? Зачем вы отделили Q&A от хабра? Люди обленились в край. Сложно погуглить. Тут же теперь адово месево говн будет, а не Q&A.

Сделайте для C margin-top на высоту вынутого блока. Если высота известна заранее. Если нет, то никак (на чистом CSS).

http://threejs.org/

Можно как у Omgovich но через background.