abetterusername

I doubt yoda’s around to mark this “resolved,” but people might find this doing a search like I did.

You can drop a div layer below everything else by setting it as z-index:-1. The default is 0, so that should put it behind everything.

pizdin_dim:
That’s my header image.
Also, why change the style from 100% to 86px? We’re trying to make a div with an image in it that will stay 100% both directions in any resolution.

Alys:
That’s what I’ve been doing, only when I saw my site on a large monitor, I realized that at very high res a fixed background image is just centered in the page. On a small page, you only see part of a background image. I really like the way it looks, and I’d like it to look the same way everywhere, so I’m trying to make an elastic background image. I found a way to do this using css and html. Now I’m trying to figure out how to make it work with WordPress.

And here’s where things get VERY ODD. I got it to work, and then it quit working. What made it work was dropping the div with the actual image on the index page and, ARGH!, setting the style z-index to -1. It took seven hours for me to realize that maybe you could go below zero with a layer. And it really, really did work. Perfectly. Looked just like a background image, only I could resize the window any which way and the image got larger and smaller with it. I got to see it working this way many times.

I noticed my text had shrunk somewhat, and thought it puzzling, but didn’t pay much attention. Then, I noticed that my background image had “short pants” if the page loaded in any way other than clicking reload. Like, clicking one of the internal links back to the index made the background image too short. It was retaining its scale for some reason. Like, the purportions of the background image stayed the same and so it didn’t fill the page. But if I just clicked reload, it continued working right (didn’t scale). Again, I did this many times.

And then, all of a sudden, my font returned to its normal size and the background image never reaches 100% vertically anymore no matter what. Also, it’s no longer scaling when I resize the window. Bear in mind, there’s no reason for a background image to even appear except for that div, so it’s not like I’m seeing a “real” background image — I took it out before I started all this.

To make matters EVEN WEIRDER, some of my theme’s default settings that I changed WEEKS AGO have come back. Styles I haven’t been anywhere near.

I have no idea what’s going on anymore. It’s like I have a haunted website.

Does WordPress ever “fix itself” or something?

pizdin_dim:

Checking monitor resolution is useless because it doesn’t tell you the actual window size of the client browser. It will only work if the human using the browser is running it maximised, which you shouldn’t assume.

A better way to do it, like ABetterUsername suggested, is with CSS.

I feel like I’ve tried everything now.
No matter what I do or where I put it, the sidebar and footer just plain don’t like the background image div. I can get it below everything else, but for some reason it pushes the footer and the sidebar out of the way. It doesn’t cover them up, it just shoves them.

Are they in some kind of seperate frames or something?

This is the exact problem I have. Was it ever resolved? I just want to stick something under everything.

I am finally about to contribute something to these forums, and nobody’s awake. ??

Okay, the new problem is that, I can do it all from the header, but the sidebar and footer get weirdly bumped specifically off the edges of the screen. I think what it means is, this is working but is constrained by the fact that it’s on the header page. It’s making header.php and all it contains the size of the entire page, and pushing the sidebar and footer out. On the other hand, the header and footer images also recenter to the size of the new page, portions of which aren’t visible without scrolling, so that kinda says it might not be what it’s doing.

This is giving me a headache, since I manually went through the styles and set every single div to x, y, and z-index:1, and set the background image div to x, y, and z-index:0. None of that mattered. All that matters is the z-index of styles on the header page where the actual bgimg div is.

I need it looking decent in case any of my teachers visit it tomorrow, so I’ve taken what I did down and just left it white for now.

Can you think of where I would put the bgimg div and its styles that would let it effect the whole page, instead of just the main area?

Okay, the problem is that I was working in the header and only setting header divs to z-index:1. Can anybody think of a way to easily set all content as z-index:1? Or to indicate somehow that site wide the bgimg div is z-index:0 or otherwise set the div to layer under the others?

It’s css and html. The idea is to make a div that’s got the image you want to use at 100%, then put it under everything else.

You were right about it being the header, but now I have a whole new batch of problems. I can’t get the z-index code to work at all. The image just floats on top of all the content, even when I individually list every div as having a higher position.

Every time I guess and touch something, it breaks everything. Am I putting the HTML on the header page and the div information on the stylesheet?

I found something that looks promising

https://www.htmlite.com/faq022.php

but so far I’m not smart enough to figure out how to plug it into WordPress.

Thanks for the reply. I cannot believe how patient you’re being with me. I saw you’re a reader of McLuhan and thought I’d mention I’m a reader of Neal Postman. ??

Okay, so for reasons I cannot explain, if I scrap all the standard Category Template code except the Loop and change the {}s in your code to ()s, I don’t get an error message. Of course, the whole thing is so crazy looking I can’t tell if it’s your code working there or not, but the posts do appear in ascending order. Not really a solution, so I scrapped that in favor of making the template work.

This is the code I’ve currently got up. It’s the Category Template from the wordpress wiki with your code in it. I’m getting “error on line 6” when I try to make use of it. If I change the {}s to ()s in your code or even remove it altogether, I get an error message somewhere around line 54 informing me of an unexpected $end.

https://pastebin.ca/133150

I got “unexpected } on line 5.” I wanted to at least do *something* before I came whining back to you, so I just removed it. That netted me “unexpected $end on line 54.” But there’s no $end, expected or otherwise.

I found a plugin that orders posts chronologically in all archives, but that’s kind of inelegant.

Thank you! I feel bad that there was something in the documentation and I missed it.

About the code to stick in the category template, I got “Parse error: syntax error, unexpected ‘=’ in (long url) category-2.php on line 4”

Doesn’t like the =ASC.

AM bump. I hope that’s kosher.

Thank you! I assume we’ll see another happy “resolved” flag coming soon to a thread near you.

Was this ever resolved?