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.

 

 

 

 

 

post a link or put it on codepen so we can see it in action;)

post a link or put it on codepen so we can see it in action;)

cant see its necesary, sorry.

Well, repeat as short as possible.
- the copy is equal to the original
- just the text is diffrent
@daveb, what code error you want to look for?

So, yesteday I replaced the original text to the copys, and the copy chnaged the look. Now it looks like the original.

Made me look at the
"
" and "

" tags.
Text of the orignal has less of those.
Its strange to me, that this changes the look of the background image.

Edited January 27, 20188 yr by brockmanig
br and p changed

Uploading the whole document to codepen or linking to the website lets us inspect the code. It's often easier to spot the problem.

On 1/27/2018 at 5:19 PM, brockmanig said:

cant see its necesary, sorry.

 

So for a simple answer with only your example code to go by its because you are missing the closing } for the #content class. I assume the rest of the page is irrelevant. 

now I would even say codepen or a link is meaningless.
None of you would go on analyze thinking.
Browserbugs 'found' a symbol, a letter wich is left...
Thats what he has post here, its the one with the highest level.

Even that symbol is left within the netbean project, then what?
there is the org file and the copy.