Hi there,
its a simple html document, made with neatbeans 8.3, on windows 10
and i only use html + css.
There is a content id which has a background like:
#content
{ width: 50%;
height: auto;
background-color: transparent;
float: right;
margin-top: 2%;
margin-right: 6%;
margin-bottom: 5%;
padding: 1px;
background-image: url('Pic123.png') ;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
After this code was ready, it worked and still works, with each browser. Then
- I made a copy of the html doc,
- did not change any html or css code,
- except the text within the html-doc- content.
But Pic123 is not shown/presented with its full strukture. Looks like the browser tooks just a stripe from the middle of that pic and spread it over the whole content-space. (Imagen a pic at a wall, with a huge bold frame around and within just whitepaper with any type of texture. ) I'm the browser, i cut off the frame, also whats next to it and strech it now till it fits the content space.
I have no Idea what might be the reason.