Контентное фоновое изображение не отображается в теле

Sally Slomzenski Milo спросил: 03 февраля 2018 в 10:34 в: css

У меня есть фоновое изображение в основном div (.cont), которое не отображается на полной ширине и просто не может понять, как сделать его видимым во второй строке divs (.mainl и .mainr). Страница находится по адресу http://sallymilo.com/0test/

Можете ли вы посоветовать мне об исправлении:

CSS:

.cont { width:100%; max-width:1000px; margin:auto; background-image:url('https://myimagefiles.com/datasales/bg.png'); }
.hdrl { width:33%; height:131px; float:left; position:relative; background-image:url('https://myimagefiles.com/datasales/hdrl.png'); background-position: center center; background-repeat: no-repeat; }
.hdrr { width:67%; height:131px; float:left; position:relative; background-image:url('https://myimagefiles.com/datasales/hdrr.png'); background-repeat: no-repeat; }
.ttl { position:relative; float:left; z-index:10; margin:2em 1em 0 1em; color:#fff; font-family:Arial, Helvetica, san-serif; font-size:24px; font-weight:bold; text-align:center; }
.mainl { width:65%; float:left; position:relative; }
.mainr { width:35%; float:left; position:relative; }
.desc { color:#00356f; font-family:Arial, Helvetica, san-serif; font-size:14px; font-weight:bold; text-align:left; margin:0 2em 0 2em; }

HTML:

<div class="cont">
  <div class="hdrl"></div>
  <div class="hdrr"> 
<div class="ttl">[[Title]] of up to 80 characters will go into this area - right in this space!!!</div>
 </div>
<div style="clear: both"></div>
  <div class="mainl"> 
    <p class="desc"><br>
      [[Description]]</p>
  <p>tabs</p>
    <p align="center"><img src="thanks.png"  style="max-width:209px;"></p>
</div>
  <div class="mainr"> 
    <p align="center">[[Picture1]]</p>
    <p align="center">[[Picture2]]</p>
  </div>
</div>

0 ответов