You closed the #wrapper div just before the #featured div. You should take that closing div and move it to just before closing </body>
In order to prevent closing divs too early, it would be good to indent HTML accordingly so you could see the structure better.
Thread Starter
j-mar
(@j-mar)
Hmm, I’m still not seeing that.
Here’s what the end of my header file looks like:
<div id="wrapper">
<div id="header">
<div id="mast">
</div>
<?php if (function_exists('pixopoint_menu')) {pixopoint_menu();}; ?>
</div>
And then here’s start of index.php
<?php get_header(); ?>
<div id="featured">
<ul class="ui-tabs-nav">
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="images/fc01.gif" alt="" /><span>New Album: Buffet Hotel Available For Pre-Order</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="images/fc02.gif" alt="" /><span>Summerzcool Tour Ends in New York</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="images/fc03.gif" alt="" /><span>Bill Clinton Visits Margaritaville</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="images/fc04.gif" alt="" /><span>Buffett Sings National Anthem</span></a></li>
</ul>
<!-- First Content -->
<div id="fragment-1" class="ui-tabs-panel" style="">
<img src="images/fc01.jpg" alt="" />
<div class="info">
<h2><a href="#">New Album: Buffet Hotel</a></h2>
<p>The new Jimmy Buffett album "Buffet Hotel" is available for pre-order from Amazon.com... <a href="#"><strong>Read More</strong></a></p>
</div>
</div>
<!-- Second Content -->
So I’m not seeing where the wrapper got closed. What am I missing?
If you’re creating your theme from scratch or modifying another theme, you should get the Firebug add-on for Mozilla Firefox browser. That’s how I saw that the wrapper div closed before the feature section earlier the easy way.
In addition, you should use W3C’s validation tool where I can see you have 31 validation errors caused by some invalid markups.
Thread Starter
j-mar
(@j-mar)
Thanks for taking the time to help.
All of those errors were related to some code I put in a Text widget. Removed that and all the errors went away.
I’m still not sure how to get the wrapper border. Installed Firebug, neat tool. I see how it’s showing Wrapper just the small part at top. But I don’t see the wrapper closing up until after the footer. I guess I’m missing it.
You’re getting the hang of it now … the closing wrapper div was placed after the footer. Also, as an aside, you might want to add the declaration
text-align: left
to your #box and #sidebar divs.
Thread Starter
j-mar
(@j-mar)
I’m slowly getting it. Built webpages with HTML for a long time but just now trying to grasp CSS.
So basically the wrapper div is still getting turned off somewhere too early? I keep trying and trying and can’t find the problem.
Per my post 16 hours ago, you have the wrapper div closed after the closing div of the footer. So wrapper div is closed, your HTML validates, so you’re good to go by adding the final touches like styles in your theme’s style.css
Thread Starter
j-mar
(@j-mar)
Had a buddy get me fixed up. Had to do with floats that didn’t need to be there and were canceling things out.
