DOH! I'm a moron!

RJM62

Touchdown! Greaser!
Joined
Jun 15, 2007
Messages
13,157
Location
Upstate New York
Display Name

Display name:
Geek on the Hill
So I just spent the last two hours trying to figger out why a DIV border wasn't showing up on a site I am rebuilding. No matter what I did, it didn't seem to make a difference.

I checked to make sure the primary VPS was running and wasn't on failover (I have my FTP client set to always upload updates to the primary), and that was fine. I cleared my local caches, restarted, cleared the Dreamweaver cache, and about a million other things. No joy.

It's a simple thing. I want a border generated on the left of the right-hand column because its height is greater than the left-hand column. I have done this dozens of times. What the heck is wrong?

Finally, after two hours, I found the problem. Here's the HTML:

HTML:
<? include("header.php") ?>
<div id="content">
<div id="left_column">
  <p>Left Content </p>
  <p>&nbsp;  </p>
</div>  
<div id="right_column">
  <p>Right Content </p>
  <p>&nbsp;  </p>
  </div>
</div>

</body>
</html>
And the CSS:

Code:
#content {
    position: relative;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 99%;
    min-height: 680px;
    min-width: 770px;
    max-width: 1024px;
    padding-top: 10px;
    background-color: #F9F9F9;
}

#left_column {
    top: 0;
    float: left;
    width: 170px;
    padding-left: 5px;
    padding-right: 5px;
}

right_column {
    top: 0;
    margin-left: 180px;
    padding-left: 5px;
    padding-right: 5px;
    border-left: #0099FF 2px solid;
}
Anyone else see the problem?

-Rich
 
Yep. Now you see why I said I was a moron.

-Rich

Screenshot of how it should look attached.
 

Attachments

  • ktc.jpg
    ktc.jpg
    851.6 KB · Views: 32
Back
Top