Hi
This is my first time posting to  css.discuss. I was pointed here by
wordpress.org

I'm building (or trying to) a completely custom theme from scratch.
Its taking me a while to do but I think a better understanding of the
themes will pay off in the long run.

Anyway, I'm having a problem that I just can't get the answer to.

The main content has a content box with 3 div's in it.
The top and bottom div is just for an effect on the site while the middle
div contains the page and post content.

The problem is, I can't close the gap between the 3 div's to give me the
effect I want.

Here is the site:
http://thevickerys.eu/

as you can see on the home page and the sample page the gap is closed
between the first and second div bit I can't close the lower div up to the
second div.

On the next sample page I can't close the gap between all 3 div's.
Here is the css that related to the 3 divs.

******

#mainarea

{ display: block; min-height: 500px;}


/* All settings for content*/

.contentwrap {float: left; width: 700px; margin: 0; padding: 0;}

.contentbordertop,

.contentborderbottom {

width: auto; height: 20px;

margin: 0 0 0 0; padding: 0 0 0 0; clear: both

}

.contentbordertop {

background: transparent url(images/contentbox.png) no-repeat bottom left; }

.contentborderbottom {

background: transparent url(images/contentboxbottom.png) no-repeat top
left;}


.content {width: auto; padding: 0 0; margin: 0 0; background: #fff;}

.entry { padding: 0 0 0 0;}

p.location {text-align: right}
p.dateperson {text-align: right}

.content h2 { color:#600; margin: 0 0; padding: 0 0;}
.content h2 a { color:#600; text-decoration: none}
.content h2 a:hover { color: #096;}

******

On the index.php here is the code that runs the above css

****

<div id="mainarea">
<div class="contentwrap">
  <div class="contentbordertop"></div>
  <div class="content">
  <?php
                        /* Run the loop to output the posts. */
                         get_template_part( 'loop', 'index' );
                ?>
  </div>
  <div class="contentborderbottom"></div>
</div>

****

I have been at this for days and I can't move on until I fix this..... its
driving me nuts and I'm starting to loose hope in it.

Can anyone help???????
-- 
Alan Vickery
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to