This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > Dreamweaver > March 2006 > DIV Height Issue
You are viewing an archived Text-only version of the thread.
To view this thread in it's original format and/or if you want to reply to
this thread please [click here]
|
|
| Shane H 2006-03-28, 6:29 pm |
| I'm going to explain this as clearly as I possibly can. I have a "parent"
ID, like this:
#mainwrapper {
width: 700px;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
Inside the "mainwrapper" ID, there are two different columns setup, a left
and right column, like so:
#leftcol {
display: inline;
width: 197px;
float: left;
background-color: #CCCCCC;
border-right: 1px solid #000000;
}
#rightcol {
display: inline;
width: 502px;
float: right;
}
All I want to happen is I want my "leftcol" to mimic its height after the
"rightcol" height. Rightcol is where all my content is going. I've tried
giving "leftcol" a height of 100%, auto, inherit, but nothing works, and I'm
assuming this because the "leftcol" content is not as big as the "rightcol"
content. If I give it a fixed height, like 1000px - it works perfect!
However, I want it to adjust its height depending upon the "rightcol"
height.
Make sense? Thanks everyone!
--
Shane H
sholland@NOSPAMdeceptivemagic.com
http://www.deceptivemagic.com
| |
| Dan Galfano 2006-03-28, 6:29 pm |
| Hmm, check this out and see if it helps:
http://www.projectseven.com/tutoria...lumns/index.htm
Dan
"Shane H" <sholland@NOSPAMdeceptivemagic.com> wrote in message
news:e096jh$bhp$1@forums.macromedia.com...
> I'm going to explain this as clearly as I possibly can. I have a "parent"
> ID, like this:
>
> #mainwrapper {
> width: 700px;
> border-top: 1px solid #000000;
> border-left: 1px solid #000000;
> border-right: 1px solid #000000;
> }
>
> Inside the "mainwrapper" ID, there are two different columns setup, a left
> and right column, like so:
>
> #leftcol {
> display: inline;
> width: 197px;
> float: left;
> background-color: #CCCCCC;
> border-right: 1px solid #000000;
> }
>
> #rightcol {
> display: inline;
> width: 502px;
> float: right;
> }
>
> All I want to happen is I want my "leftcol" to mimic its height after the
> "rightcol" height. Rightcol is where all my content is going. I've tried
> giving "leftcol" a height of 100%, auto, inherit, but nothing works, and
> I'm assuming this because the "leftcol" content is not as big as the
> "rightcol" content. If I give it a fixed height, like 1000px - it works
> perfect! However, I want it to adjust its height depending upon the
> "rightcol" height.
>
> Make sense? Thanks everyone!
>
> --
> Shane H
> sholland@NOSPAMdeceptivemagic.com
> http://www.deceptivemagic.com
>
| |
| Shane H 2006-03-28, 6:29 pm |
| Great - thanks a lot, Dan!
--
Shane H
sholland@NOSPAMdeceptivemagic.com
http://www.deceptivemagic.com
"Dan Galfano" <danielNO@SPAMgalfanodesign.com> wrote in message
news:e096qc$bsr$1@forums.macromedia.com...
> Hmm, check this out and see if it helps:
> http://www.projectseven.com/tutoria...lumns/index.htm
>
> Dan
>
>
> "Shane H" <sholland@NOSPAMdeceptivemagic.com> wrote in message
> news:e096jh$bhp$1@forums.macromedia.com...
>
>
| |
| Dan Galfano 2006-03-28, 6:29 pm |
| You're welcome!
Dan
"Shane H" <sholland@NOSPAMdeceptivemagic.com> wrote in message
news:e0advl$2f8$1@forums.macromedia.com...
> Great - thanks a lot, Dan!
>
> --
> Shane H
> sholland@NOSPAMdeceptivemagic.com
> http://www.deceptivemagic.com
>
>
> "Dan Galfano" <danielNO@SPAMgalfanodesign.com> wrote in message
> news:e096qc$bsr$1@forums.macromedia.com...
>
>
| |
| FreakyJesus 2006-03-28, 6:29 pm |
| I use the Pvii javascript myself - works a treat.
Andy
|
|
|
| | Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |
|