Background not applying.. - Post ID...

User 2924428 Photo


Registered User
1,718 posts

Hey guys is anyone available to check on a site i'm working on?

It's for the old far east expansion website, i'm re-creating it. The background code is not applying.. but the image is there.

http://fareast.coffeecup.com
User 187934 Photo


Senior Advisor
20,188 posts

Matt, Is the image on the server?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 122279 Photo


Senior Advisor
14,450 posts

The way the code is written, the second 100% for size only covers 100% of the content of the page. You need to give both html and body a height, try this:
html {
height: 100%;
}

body {
height: 100%;
background:url('background.jpg');
background-size: 100% 100%;
background-repeat:no-repeat;
}
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 122279 Photo


Senior Advisor
14,450 posts

Actually, it works better (for responsiveness) if you don't have that second 100% for the background size. Remove it, and instead add a line to the body css 'background-color:....' with the same beige colour as you have below the actual picture. Try both, then you'll see what I mean.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 187934 Photo


Senior Advisor
20,188 posts

I'll give you a hint Matt.
../
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 122279 Photo


Senior Advisor
14,450 posts

Eric Rohloff wrote:
I'll give you a hint Matt.
../


Yes, of course! I didn't notice because I tested it with the html file and the image in the same folder... :o
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2924428 Photo


Registered User
1,718 posts

haha wow, I can't believe I overlooked that! Thanks Eric and Inger, I was starting to lose it!


Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.