Why will this background image not show up?

Head out to http://www.myqardboard.com/qr/index.php?id=2 - Perfect.

Same site, exact same code, go out to http://www.myqardboard.com/2 - background image doesn't show up. Everything else in terms of formatting looks good, but the background image won't show up.

Stylesheet is at http://www.myqardboard.com/qr/stylesheet.css

I'm so stumped. If the htaccess was incorrect, I would expect everything to be messed up. If the stylesheet was flawed, I shouldn't be able to see everything on the first site.

What do you think? What am I missing? Why can't I get the background image to show up when the URL is myqardboard.com/2?
brucegustPHP DeveloperAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

TMekeelCommented:
Which image is missing?  I see they render differently, but it looks like the page turn image is loading at a fixed width on the site http://www.myqardboard.com/2 and also coloring the background grey.

Not sure why though...
0
TMekeelCommented:
Here is something...the background and #div#profile_background arent getting the same css even though they look tagged the same.  

See screenshots.
Screen-Shot-2013-10-21-at-9.43.4.png
Screen-Shot-2013-10-21-at-9.43.5.png
0
TMekeelCommented:
Oh, I think I see the issue.  You have a stylesheet in the qr directory that isnt the same as the one in the root.  Try putting the qr one in the root folder.  Or link to the one in qr from the  http://www.myqardboard.com/2 page.  Right now it's loading stylesheet.css instead of ../qr/stylesheet.css

T
0
The Ultimate Tool Kit for Technolgy Solution Provi

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy for valuable how-to assets including sample agreements, checklists, flowcharts, and more!

Alexandre SimõesManager / Technology SpecialistCommented:
You're missing this class in the stylesheet.css.
#profile_background {
position:relative;
width:320px;
height:356px;
background-image:url(http://www.myqardboard.com/qr/images/iphone_4_portrait.png);
background-repeat:no-repeat;
z-index:400;
}

Open in new window

You have it in the qr/stylesheet.css that's why it shows correctly there.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
aamodtCommented:
Replace:
<link href="stylesheet.css" rel="stylesheet" type="text/css">

With:
<link href="qr/stylesheet.css" rel="stylesheet" type="text/css">
0
brucegustPHP DeveloperAuthor Commented:
This morning I attended the weekly Rotary meeting. If you're a part of that, you know that every morning they go around and they ask "What's your good news?"

My good news was the fact that I had been wrestling with a web related problem that I could not figure out, but thanks to the guys at experts-exchange, I was able to figure it out!

Thank you so much! It's amazing to me how sometimes the most seemingly difficult scenarios are resolved by a solution that is pretty easy. But I'm not kicking myself too hard. I've tried I don't know how many alternatives / options to try and figure this out.

I'm going to go ahead and award points accordingly, but if you don't mind, I want to try and explain WHY this was occurring.

The fact that I was redirecting my web traffic using an htaccess dynamic necessitated being "absolute" in the way that I referred to my stylesheet. Reason being is that while my user was being redirected to the qr folder, the page itself was still operating as though it were situated in the root directory. And that's not a flaw, that is simply the dynamic you need to be sensitive to as a developer in that kind of situation.

So, going forward, should I attempt something like this again, the bottom line is to be prepared by specifying that css file with an absolute url and not a relative one if you're needing something beyond what's documented in the stylesheet positioned in the root directory.

Is that accurate?
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.