Bare

Wow, thanks! For the record, in case anyone else runs into this… I actually did not have the “outside” command defined, I assume that must be a default. My original code was just:

list-style:disc url("images/bullet.png");

I added the “inside” like you said and now it’s perfect.

Thanks again!

Yes, I have existing galleries that are in the root folder, this is strictly folders inside of folders I’m asking about. Just like I described above, my stuff is sorted out in great detail in an attempt to keep it organized.

Any additional info or insight is appreciated!

Man, that first link there is really great. It not only really helped to understand and visualize some of the problems I was having (I had sorta figured it out through trial and error), but it helped me to understand a lot of how and why CSS is setup like it is. Good stuff…

Now, to tell how I finally resolved this issue. It took a lot of googling, a lot of reading the information you provided and just a little bit of work. I feel much better about this than I originally thought I would, mostly because it resolves issues I was having across multiple browsers – but also problems within varying versions of browsers.

For starters, I made my horizontal image that I wanted to tile behind my columns. My page content is 960px wide broken down from left to right it is made up of by a 240px left sidebar, a 1px “border” and then a 719px content area. So I simply made an image 960px wide by 1px tall, I colored the left 240px gray, the 1px border black and the 719px content area white. Obviously you can use whatever colors you like.

My code then looks like this:

#content-wrapper {
	background: #fff url('images/middle-bg.gif') repeat-y;
	overflow:hidden;
	width:960px;}
.narrowcolumn {
	float: right;
	padding: 0 10px 20px 10px;
	width: 700px;}
#sidebar {
	padding: 3px 10px 10px 10px;
	width: 220px;}

My #content-wrapper ID is just a div that I wrap everything in, it opens at the end of my header.php and closes at the beginning of my footer.php to make it simple (thanks to nebulus for that). As you can see it calls my background image and tiles it vertically.

The .narrowcolumn and #sidebar are common WP titles so I assume most people know what they are and what they do. The only unusual thing I changed was adding the 3px pad to the top of my #sidebar, this was because without the search box there (I moved it into my header), there was a gap which I didn’t like aesthetically.

This link was my partial guide:

http://www.alistapart.com/articles/fauxcolumns/

The rest I figured out by quick trial and error.

Thanks again to everyone who’s helped with this, not just t31os_ but also people like nebulus who helped me with earlier issues that helped me to get to this point.

OK, I think this may be my solution:

http://www.codeproject.com/KB/HTML/relatively_simple.aspx#two-cols

It’s a lot to change and it’s late right now, but I plan to try it tomorrow… It appears like it should work across browsers since it has some conditional formatting for IE only.

I’ll try this tomorrow and report back, if anyone knows this to be a waste of time please say so and save me the hassle, otherwise I’ll find out myself.

Thanks!