Page 1 of 1
Floating column content
Posted: Sun Dec 12, 2004 5:10 am
by Trinity
I'm having a bit of trouble with the CodeCrypt CSS - when the conent in the sidebar is longer than the content in the main area, the sidebar does not extend, making the page look horrible.
Example: [url=\"http://codecrypt.org/forums.php\"]http://codecrypt.org/forums.php[/url]
CSS Link: [url=\"http://codecrypt.org/style.css\"]http://codecrypt.org/style.css[/url]
Thanks in advance....
Floating column content
Posted: Sun Dec 12, 2004 2:22 pm
by Sp3culuM
Uh, I had that problem with KB. The footer is higher than it should be, side was supposed to push it down but I couldn't figure out how. Sorry
/cry.gif\' class=\'bbc_emoticon\' alt=\':(\' />
Bet you're gutted thinking I replied to solve your problem
/bigwink.gif\' class=\'bbc_emoticon\' alt=\';)\' />
Floating column content
Posted: Sun Dec 12, 2004 3:57 pm
by Josh
I\'ve got the same problem with KF :\ Sorry, I don\'t know either
/cry.gif\' class=\'bbc_emoticon\' alt=\':(\' />
Floating column content
Posted: Wed Mar 23, 2005 11:50 pm
by Josh
Yay for bumpage!
Has anyone ever gotten a fix for this? I have this problem now on my staff hosting and the only way I can think of fixing it is to put a crap load of
\'s lol
Floating column content
Posted: Sat Mar 26, 2005 6:09 pm
by Tami
In your main, underlying border, try setting the right side margin to -1px
This should make the border \"between\" the columns extend to the height of the column which has the most content, in this case your nav menu.
So Josh, on your CSS it looks like your < div id=\"content\" > would be the one to alter.
Give that a try and see if it works
/smile.gif\' class=\'bbc_emoticon\' alt=\':)\' />
[i]*crosses fingers*[/i]
Floating column content
Posted: Sat Mar 26, 2005 6:40 pm
by Josh
*uncrosses your fingers* El no worko!
/cry.gif\' class=\'bbc_emoticon\' alt=\':(\' />
Floating column content
Posted: Sat Mar 26, 2005 7:40 pm
by Tami
okay...this will keep the tables even; text placement is your problem
/blum.gif\' class=\'bbc_emoticon\' alt=\':P\' />
[code]<head>
<title>Column Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css"><!--
#layoutLogic {
width: 100%; }
.section {
display: block;
margin: 0 auto;
width: 80%; }
.col-A, {
float: center; }
.col-B {
float: top; }
.col-A {
display: block;
text-align: middle;
margin-right: -1px;
padding-right: 5px;
width: 80%;
border: 1px solid black; }
.col-B {
display: block;
padding-left: 5px;
width: 25%;
border: 1px solid red; }
.clear {
clear: both; }
--></style>
</head>
<body>
<div id="layoutLogic">
<div class="section">
<div class="col-A">
<div class="col-B">
<p>menu</p>
<p>menu</p>
<p>menu</p>
<p>menu</p>
<p>menu</p>
<p>menu</p>
<p>menu</p>
<p>menu</p>
<p>menu</p>
<p>menu</p>
<p>menu</p>
<p>menu</p>
<p>menu</p>
<p>menu</p>
</div>
</div>
<br class="clear">
</div>
</div>
</body>
</html>[/code]
Floating column content
Posted: Sat Mar 26, 2005 9:02 pm
by Scott
Ada is teh css pwner o.0