Hey guys. I'm having a problem with my site. If you look on the left/right you can see the thin blue bar (the vertical one, enclosing the main content) only go down as far as the "Hello"'s go. I want it to go down the whole page though. The left and right bars and the content are in a div called page that goes down as far as I want, so shouldn't the leftbar and rightbar fill the full 100% height of the page div if I set height to 100%?
Here is the link:
<!-- m --><a class="postlink" href="http://www.macintoshclub.com/developerlink/template.html">http://www.macintoshclub.com/developerl ... plate.html</a><!-- m -->
please help,
axelGot it to work. Just set the border of the main content.I actually think you'll really like Faux Columns (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/fauxcolumns/">http://www.alistapart.com/articles/fauxcolumns/</a><!-- m -->).
After all, if the right or left column is longer, the borders on the main content won't extend down as far as you want.That is a very good point!!! I had a background image on the right repeating vertically but it would not explain. Could you give me the css for the leftcolumn to get them working. I have never been able to get those faux columns working...
axelFaux columns are a piece of cake, once you know the general philosophy:
<div id="wrapper"> <!-- contains all page content, has background image for faux columns -->
<!-- Your columns -->
<div id="footer">
<!-- This has the css property clear: both; applied to it so the #wrapper
DIV stretches down past your floated columns.
-->
</div>
</div>So the background image goes into the wrapper? The problem is that may design can be expanded, so I can't have one image. The image needs to separate, right? If you look at my page with the link in the original thread maybe you can see how I can get this working.
axelWith the following change it looks ok to me in Fx.
#rightCol{
float:left;
width:17%;
text-align:center;
height:100%;
}The faux columns does not work width 17% or not. Any ideas. I have tried faux columns and have that code in now if you want to take a look.I did that with your existing code at the time of the post with Fx 1.5/WinXP. But go read the "holy grail" article in the latest issue of ALA.Thanks! Thats a great article. I will get that going asap (tomorrow).
axelI'm having a few probs with getting the holygrail to work. Could someone take a look at my page with the link I gave in the original thread and tell me whats wrong?
axel
Here is the link:
<!-- m --><a class="postlink" href="http://www.macintoshclub.com/developerlink/template.html">http://www.macintoshclub.com/developerl ... plate.html</a><!-- m -->
please help,
axelGot it to work. Just set the border of the main content.I actually think you'll really like Faux Columns (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/fauxcolumns/">http://www.alistapart.com/articles/fauxcolumns/</a><!-- m -->).
After all, if the right or left column is longer, the borders on the main content won't extend down as far as you want.That is a very good point!!! I had a background image on the right repeating vertically but it would not explain. Could you give me the css for the leftcolumn to get them working. I have never been able to get those faux columns working...
axelFaux columns are a piece of cake, once you know the general philosophy:
<div id="wrapper"> <!-- contains all page content, has background image for faux columns -->
<!-- Your columns -->
<div id="footer">
<!-- This has the css property clear: both; applied to it so the #wrapper
DIV stretches down past your floated columns.
-->
</div>
</div>So the background image goes into the wrapper? The problem is that may design can be expanded, so I can't have one image. The image needs to separate, right? If you look at my page with the link in the original thread maybe you can see how I can get this working.
axelWith the following change it looks ok to me in Fx.
#rightCol{
float:left;
width:17%;
text-align:center;
height:100%;
}The faux columns does not work width 17% or not. Any ideas. I have tried faux columns and have that code in now if you want to take a look.I did that with your existing code at the time of the post with Fx 1.5/WinXP. But go read the "holy grail" article in the latest issue of ALA.Thanks! Thats a great article. I will get that going asap (tomorrow).
axelI'm having a few probs with getting the holygrail to work. Could someone take a look at my page with the link I gave in the original thread and tell me whats wrong?
axel