Jump to content

ЕленаОлефир

Neophyte
  • Posts

    1
  • Joined

  • Last visited

ЕленаОлефир's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Ребята помогите пож-ста! создаю сайт с основным блоком в центре и боковыми фиксированными с фоновым изображением. мало того что картинка отображается не на всю выбранную ширину, в разных браузерах по-разному. так еще и когда делаешь окошко браузера меньше центральный блок перекрывает левый.....а фон в правом боковом блоке вообще не отображается( скажите пож-ста что я делаю не так? вот код: <!DOCTYPE html> <html><head><meta charset="utf-8"><title>AM-RECORDS</title><link rel="shortcut icon" type="icon" href="images/12.png"><link href="style.css" rel="stylesheet" type="text/css" media="all"></head><body> <div id="block-left"></div> <div id="container"></div> <div id="block-right"></div></body></html>и в CSS: *{ margin:0; padding:0; } html, body{ height: 100%; width: 100%; -webkit-background-size: content-box; -moz-background-size: content-box; box-sizing:content-box; } block-left{width:20%; height:100%; float:left; background:#000080; background-image:url(images/left.jpg); background-attachment:fixed; background-repeat: no-repeat; background-size: 100% contain; -webkit-background-size: contain; -moz-background-size: contain; display:block; box-sizing:contain; } container{width:60%; height:100%; float:left; background:#006400; -webkit-background-size: border-box; -moz-background-size: border-box; box-sizing:border-box; display:block; } block-right{width:20%; height:100%; float:left; background:#CD5C5C; background-image:url(images/right.jpg); background-attachment:fixed; background-repeat: no-repeat; background-size: 100% contain; -webkit-background-size: contain; -moz-background-size: contain; display:block; box-sizing:contain; }
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy