Need Help With Some Code....

[KansukeKojima 0]

Alright... so me and coolcat50 are working on a website... and yeah... I'm having a little trouble getting a right column to go all the way down the page... any help?

http://forums.xisto.com/no_longer_exists/

I want the right column to always be as long as the content area..... any one know how?

the css can be found here:

http://forums.xisto.com/no_longer_exists/


(It would appear the page renders crappy in older versions (I don't know about newer ones though) of IE...)

Edited March 11, 2008 by KansukeKojima (see edit history)

[Saint_Michael 3]

Well I know how rusty my web design skills have been since I been tinkering with your code compared to a demo site that has the same set up as your. I believe you might need to use overflow in your css for this to happen not to sure about that anymore. I compared your code wit the demo page and it seems to good, but I could be missing something though.

Here is demo page to use for comparison

Of course if someone does see it wow I am rusty .

[coolcat50 0]

Uhh Kansuke, why didn't you post this in the CSS forum?? And I have an idea that could work. Overflow is the problem. Of course we could always use line breaks to stretch if worst comes to worst.

[sonesay 7]

Dont use line breaks thats horrible way and does no justice to CSS lol. I've came across this problem many times and there are ways to do it I just cant remember off the top of my head. I think SM's solution should work. Plus the line breaks you will need will vary depending on the size of the contents. I used to do this lol its bad, just learn to do it correctly in CSS. If remember solution off the top of my head I would tell you guys but I'm too tired to go find it. There is solutions out there on the web its a common problem. Using tiling background image is one way but I think SM's method looks a lot more better.

[coolcat50 0]

Hey Kansuke, we could always make the content be scrolling and we have set pixel values for each one. I came up with code for 500px height for them both. I think it looks good actually. Plus it make it so the reader can read the content without scrolling down the page. Makes navigation much easier on the user end. Mouse scrolling is a problem though. Here is the CSS if you want it though.

{ padding: 0; margin: 0; }body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; background: #3b3b3b;}#wrapper {  margin: 0 auto; width: 802px;}#header { color: #333; width: 800px; float: left; border: 1px solid #000000; height: 100px; margin: 10px 0px 5px 0px; background: url('images/banner.png');}#navigation { float: left; width: 780px; color: #ccc; padding: 10px; border: 1px solid #000000; margin: 0px 0px 5px 0px; background: #BD9C8C; background: url('images/navbg.png'); background-repeat: repeat-x;}#leftcolumn {  color: #333; border: 1px solid #000000; margin: 0px 5px 5px 0px; padding: 10px; width: 618px; float: left; background: #ffffff; height: 500px; overflow: scroll;}#rightcolumn {  float: right; color: #333; border: 1px solid #000000; margin: 0px 0px 5px 0px; padding: 10px; height: 500px; width: 135px; display: inline; background: #e1e1e1;}#footer {  width: 780px; clear: both; color: #ffffff; border: 1px solid #000000; background: #BD9C8C; margin: 0px 0px 10px 0px; padding: 10px; text-align: center; background: #BD9C8C; background: url('images/navbg.png'); background-repeat: repeat-x;]

[KansukeKojima 0]

alright... I'll work on this tomarrow...... see what I can do and what looks best....

[iGuest 3]

Iframe help I have a website that has already been built however on the galleries page I am wanting to replace the current thumbs on the right hand side with a scrolling iframe. Whenever I add the iframe I loose all the links and everthing below the ifram when testing in dreamweaver. I can supply the code if required, I have tried removing all the code under the iframe and replaceing it but that doesn't work either. HELP PLEASE With iframe code The bottom banner disappears and the links do not work other than the link from a thumb in the iframe to the large _parent image<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://forums.xisto.com/no_longer_exists/ xmlns="http://forums.xisto.com/no_longer_exists/ http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Bradley Ede Photography</title><style type="text/css"><!--Body { background-color: #333333;}.Style5 {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; }.Style6 {font-family: Arial, Helvetica, sans-serif}--></style></head><body><p> </p><table width="800" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td colspan="4" bgcolor="#000000"><img src="../logobanne.Jpg" width="800" height="80" border="0" usemap="#Map5" /></td> </tr> <tr> <td colspan="4" valign="top" bgcolor="#000000"><div align="center"> <table width="800" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="2"> </td> </tr> <tr> <td colspan="2"><div align="center"><img src="../headsydney .Jpg" width="200" height="40" /></div></td> </tr> <tr> <td width="571" rowspan="2" valign="top"><div align="left"><img src="../images/Sydney/web/Kirribilli Sydney Dawn.Jpg" width="595" height="238" /></div></td> <td width="200" valign="top"><p></p> <iframe src="content.Htm" width="200" height="300" scrolling="auto" frameborder="0"> </table> </div> <p> </p> <p> </p></td> </tr> <tr> <td width="200" bgcolor="#000000"><div align="center"><img src="../about.Jpg" width="200" height="23" border="0" usemap="#Map" /></div></td> <td width="200" bgcolor="#000000"><img src="../galleries.Jpg" width="200" height="23" border="0" usemap="#Map2" /></td> <td width="200" bgcolor="#000000" class="style6"><img src="../contact.Jpg" width="200" height="23" border="0" usemap="#Map3" /></td> <td width="200" bgcolor="#000000" class="style6"><img src="../order.Jpg" width="200" height="23" border="0" usemap="#Map4" /></td> </tr> <tr> <td colspan="4" bgcolor="#000000"><span class="style6"><img src="../lowbanner2.Jpg" width="800" height="38" /></span></td> </tr></table> <area shape="rect" coords="64,3,135,22" href="../gallery.Html" /></map><map name="Map3" id="Map3"> <area shape="rect" coords="56,3,145,19" href="../contact.Html" /></map><map name="Map4" id="Map4"> <area shape="rect" coords="55,4,145,19" href="../order.Html" /></map><map name="Map5" id="Map5"> <area shape="rect" coords="3,2,227,78" href="http://www.bephotography.biz/; /> <area shape="rect" coords="366,43,470,64" href="../brad.Html" /> <area shape="rect" coords="486,43,548,68" href="../gallery.Html" /> <area shape="rect" coords="568,44,646,64" href="../contact.Html" /> <area shape="rect" coords="661,44,742,63" href="../order.Html" /> <area shape="rect" coords="756,46,798,64" href="../index.Html" /></map><map name="Map2" id="Map2"><area shape="rect" coords="62,4,140,19" href="../gallery.Html" /></map><map name="Map" id="Map"><area shape="rect" coords="41,4,159,20" href="../brad.Html" /></map></body></html>-question by Bradley Ede