Изучаю сейчас верстку и адаптацию. И вот практически все зафиксировалось, а как можно сделать, то-б при больших, расширенных размерах экрана, right sidebar не убегал, а был рядом с картинкой?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title> Верстка </title>
<link href="Verstka.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<header>
<div class="top">
<h1> Немецкая овчарка <h1>
</div>
</header>
<div class="midle">
<div class="left_sidebar"> Немецкая овчарка — порода собак, изначально использовалась в качестве пастушьей и служебно-розыскной собаки.
Немецкая овчарка была получена в результате селекции и скрещивания некоторых разновидностей гуртовых собак Центральной и Южной Германии. Различают гладкошёрстную и длинношёрстную разновидности.
В наше время немецкие овчарки занимаются выставочной карьерой, охраной, а также являются собаками для семьи.</div>
<div class="content"> <img src="nemetskaya-ovcharka8.jpg" width="400" height="300"> </div>
<div class="right_sidebar"> Немецкая овчарка универсальна. Она одинаково хорошо может служить собакой-компаньоном,
охранной, защитной, сыскной, служебной и караульной собакой. Успешно используется в животноводстве как пастушья собака.
Чаще других пород используется на службе в армии, в полиции, для охраны государственных границ. Хорошо выдрессированная
немецкая овчарка незаменима при задержании преступника. Используется для сопровождения слепых. Прекрасно ладит с детьми.
</div>
</div>
<footer>
<div class="podval">
<div>
<div>
<h3> Информация была взята из википедии. </h3>
</div>
</div>
</div>
</footer>
</body>
</html>
Простой
