JohnnyScience

Man now I did something & the footer isnt centered at all any more. It took me like half hour to get it centered before! I hate this.

So If I just add these two image URLs to the CSS #body tag, & what would I then want to do, give negative/positive margin to then fan/push them out on the sides of the webpage as they curently are?

bump on child/parent issue.

Thanks.

Ok, I’d rather do what you’re suggesting.

Where do I want to set the min-height?

As I mentioned, I have #container set to height: 600px

So what are you suggesting I add & to where? Do I need to specify min-height: 600px;

Is min-height a piece of CSS?

Alright I did some switching around.

I left the height of 600px in #container so the site looks “full” & long and spreads to the bottom of the page.

I then added this to #main:

#main {
clear: both;
overflow-x: hidden;
overflow-y: auto;

And it seems to render fine – can anyone else verify it looks ok?

Ok, so right now I obviously have add this for HTML:

<div id=”outerWrap”>
<div id=”innerWrap”>

Am I going to want to use the same HTML for editing the header instead? Or something completely different?

If not, exactly what should I be adding to the header.php (And where)

And what should I be adding to the body tag of CSS?

This is the CSS I have added for the index.php

[code]#outerWrap {
width: 1000px;
margin: auto;
background: url(http://visionaryresearchchems.com/wp-content/uploads/2011/01/blueleft.png) repeat-y left;
}
#innerWrap {
width: 1024px;
background: url(http://visionaryresearchchems.com/wp-content/uploads/2011/01/blueright.png) repeat-y right;
}[/code]

So will I need to transfer some of this over to the body tag so that the gradient border lays outside of the main column like it is now?

I was working with someone from codingforums.com & that was how they suggested to do it. We edited index.php and the way we did it seemed to be the only way it would work.

There doesnt seem to be any body tags inside of index.php:

[code]<div id="outerWrap">
<div id="innerWrap">

<?php
/**
* The main template file.
*
* This is the most generic template file in a WordPress theme
* and one of the two required files for a theme (the other being style.css).
* It is used to display a page when nothing more specific matches a query.
* E.g., it puts together the home page when no home.php file exists.
* Learn more: http://codex.wordpress.org/Template_Hierarchy
*
* @package WordPress
* @subpackage Twenty_Ten
* @since Twenty Ten 1.0
*/

get_header(); ?>

<div id="container">
<div id="content" role="main">

<?php
/* Run the loop to output the posts.
* If you want to overload this in a child theme then include a file
* called loop-index.php and that will be used instead.
*/
get_template_part( 'loop', 'index' );
?>
</div><!-- #content -->
</div><!-- #container -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

</div><!--end innerWrap-->
</div><!--end outerWrap-->[/code]

Also, we used CSS to add the gradient:

[code]#outerWrap {
width: 1000px;
margin: auto;
background: url(http://visionaryresearchchems.com/wp-content/uploads/2011/01/blueleft.png) repeat-y left;
}
#innerWrap {
width: 1024px;
background: url(http://visionaryresearchchems.com/wp-content/uploads/2011/01/blueright.png) repeat-y right;
}[/code]

So what exactly is wrong with the way we did it?

What other PHP file do I edit so this gradient shows on all pages? (Remember, all 2010 files seem to be PHP, not HTML, so I’m not seeing any BODY tags to edit?)