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:
And the CSS:
Anyone else see the problem?
-Rich
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> </p>
</div>
<div id="right_column">
<p>Right Content </p>
<p> </p>
</div>
</div>
</body>
</html>
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;
}
-Rich