Подскажите что не так, у меня три колонки, слева и справа фиксированной ширины, посередине переменной. Но вот почему-то правый блок находится снизу между футером и сонтентом, справой стороны.
CODE (html):
скопировать код в буфер обмена
скопировать код в буфер обмена
- @charset "windows-1251";
- /* CSS Document */
- @font-face {
- font-family: "PT Sans Narrow";
- font-style: normal;
- font-weight: 700;
- src: local("PT Sans Narrow Bold"), local("PTSans-NarrowBold"), url("http://fonts.gstatic.com/s/ptsansnarrow/v7/Q_pTky3Sc3ubRibGToTAYuMQYWxAweROEvafRwt5VUg.woff2") format("woff2"), url("http://fonts.gstatic.com/s/ptsansnarrow/v7/Q_pTky3Sc3ubRibGToTAYigwe3ZcNEyK1ut-Sjba9Qg.woff") format("woff");
- }
- @font-face {
- font-family: "SC Convoy";
- font-style:normal;
- font-weight: 700;
- src: local("SC Convoy"), url(CNVRETTF.ttf);
- }
- * {
- margin:0;
- padding:0;
- }
- body {
- width:100%;
- background-color:#333;
- background-image:url(../img/***.jpg);
- background-repeat:no-repeat;
- background-attachment:fixed;
- background-position:center;
- background-size:cover;
- }
- img {
- border:none;
- }
- .logo {
- border-radius:10px 0 0 0;
- }
- /* main style */
- #wrapper {
- min-width:760px;
- max-width:1300px;
- margin:0 auto;
- margin-top:10px;
- margin-bottom:10px;
- background-color:rgba(34,1,3,0.8); /* Прозрачный фон #220103 */
- filter:progid:DXImageTransform.Microsoft.gradient (startColorstr=#50220103,endColorstr=#50220103); /* for IE */
- display:block;
- color:#FFF;
- border-radius:10px;
- }
- #header {
- height:100px;
- padding:0;
- }
- #nav {
- height:60px;
- line-height:60px;
- text-align:center;
- font-family:SC Convoy;
- font-size:18px;
- }
- #left_col {
- width:160px;
- float:left;
- }
- #content {
- margin-left:162px;
- margin-right:202px;
- padding:10px;
- }
- #right_col {
- width:200px;
- float:right;
- }
- #footer {
- clear:both;
- height:100px;
- line-height:100px;
- padding:10px;
- }