Background-image reference seems to cause problems

[Christian-wa]

Hey Community,

now, I am working for quite a while to adjust my site's look. Of course it's based on the Genesis Framework and the Genesis Sample Theme.
Well, to make long things short, I created a div and attached a background-image to it.
But! here is the thing. The image has a resolution of 900px 2000px, but it isn't displayed in it's original resolution. It's way smaller than original.
I consider the code to be clean and right and thought about, that the reference URL of my image is (maybe) wrong.
Well, when I view my image with the reference URL it's smaller resolution, only when I then click on the image it changes to the right resolution. But is this normal?
I even don't know, if I made my point perfectly clear, but I hope so.

Thanks for your support!

Site concerned: (already included in the bottom)
URL of the image (I mentioned):
http://www.oppars.com/wp-content/uploads/2015/04/Tagesablauf-für-meine-christian-Seite-3.png

This is the html-code for the div-element:

<div id="christian-drei-rahmen" align="center" >
<div id="christian-drei-content">
</div></div>

This is the css-code for the whole thing:

#christian-drei-rahmen {
	width: 100%;
	height: auto;
	background-color: #86d694;
}

#christian-drei-content {
	width: 100%;
	height: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 66.64%;
	background-image: url('http://www.oppars.com/wp-content/uploads/2015/04/Tagesablauf-für-meine-christian-Seite-3.png');
}

Having said that, I believe that the code is actually correct, the only thing that isn't working is the image's resolution. So maybe, you guys have a tip for me that opens my eyes to new possibilities. I really could need your support.

Kind regards,
Christian 😉

---

Life is there to enjoy, everything I tackle therefore reflects that.

http://www.oppars.com/christian/

[Susan]

I am closing this, as you have marked it "resolved". Please go ahead and start a new thread if you are still having issues.

[Author]

Posts