Jump to content
xisto Community
Sign in to follow this  
KansukeKojima

Need Help With Some Code....

Recommended Posts

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 by KansukeKojima (see edit history)

Share this post


Link to post
Share on other sites

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 <_<.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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;]

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.