 Need Help With Some Code.... |
|
|
|
|
  |
 Mar 11 2008, 06:09 PM
Post
#1
|
|
|
Privileged Member  Group: [HOSTED] Posts: 525 Joined: 13-October 06 From: Alberta, Canada Member No.: 31,584  |
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://2kart.trap17.com/gfxsite/index.html 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://2kart.trap17.com/gfxsite/main.css (It would appear the page renders crappy in older versions (I don't know about newer ones though) of IE...) This post has been edited by KansukeKojima: Mar 11 2008, 06:10 PM |
 |
 
|
|
Mar 11 2008, 07:06 PM
Post
#2
|
|
|
$p4m 0n j00 $h4m3 m3 0nc3 $p4m 0n m3 $h4m3 m3 7\/\/1c3 Group: [HOSTED] Posts: 6,308 Joined: 21-September 04 From: 9r33|\| 399$ 4|\|D 5P4/\/\ Member No.: 1,218  |
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  . |
|
|
|
|
Mar 11 2008, 08:16 PM
Post
#3
|
|
|
Super Member Group: [HOSTED] Posts: 281 Joined: 5-October 07 From: Random Places Member No.: 51,171  |
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.
|
|
|
|
|
Mar 11 2008, 08:30 PM
Post
#4
|
|
|
|||[ n00b King ]||| Group: [HOSTED] Posts: 643 Joined: 20-June 07 From: Auckland Member No.: 45,102 |
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. |
|
|
|
|
Mar 11 2008, 08:48 PM
Post
#5
|
|
|
Super Member Group: [HOSTED] Posts: 281 Joined: 5-October 07 From: Random Places Member No.: 51,171 |
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.
CODE { 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; ] |
|
|
|
|
Mar 12 2008, 06:39 PM
Post
#6
|
|
|
Privileged Member Group: [HOSTED] Posts: 525 Joined: 13-October 06 From: Alberta, Canada Member No.: 31,584 |
alright... I'll work on this tomarrow...... see what I can do and what looks best....
|
|
|
|
|
May 2 2008, 11:20 AM
Post
#7
|
|
|
Trap Double Mocha Member Group: Members Posts: 2,360 Joined: 21-September 07 Member No.: 50,369 |
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://www.W3.Org/TR/xhtml1/DTD/xhtml1-transitional.Dtd"> <html xmlns="http://www.W3.Org/1999/xhtml"> <head> <meta 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 |
|
|
|
|
Similar Topics