Beck
08-14-2006, 03:08 AM
Ok, I'll admit, I'm no expert at CSS. I'm a recent tables convert and must say that I've got a love/hate relationship with CSS. I love it because it's so much cleaner and simpler than tables. However, being new to the CSS world, there are still so many things I just don't get. For example...
http://www.kevinantcliff.com/mhsm/
That page is done in CSS, and it's fine (with the exception of a few needed tweaks). Here's how I have it set up: I have a div around the entire page that contains the Flash and content, a div for the spacing between the Flash and content and a div for the content. Within the content div are divs for each column. The reason I have it set up that way is to keep the three columns flush at the bottom without having to specify heights. Here's my problem, though. In the content div, I have an image background that repeats vertically. In order for the bg image to show up, I have to set a height in the CSS code. That works fine for the above page because the content is going to stay within the designated height. However, I'm going to have sub pages where the heights will constantly be changing. If I don't specify a height for the content div with an image, the image won't show up and any text that's put in will bleed out of the div. If I get rid of the image and create seperate divs for each column (there will only be two on the sub pages), I'll have to adjust the height on the left column to match the right column. ARGH! So I said all that to ask a couple questions:
First, is there a way to have two columns side-by-side without a specified height and have the columns not only line up, but have the box encase any text that's inserted into the div?
Second, does any of this make sense? I'm freakin' confusing myself here!
http://www.kevinantcliff.com/mhsm/
That page is done in CSS, and it's fine (with the exception of a few needed tweaks). Here's how I have it set up: I have a div around the entire page that contains the Flash and content, a div for the spacing between the Flash and content and a div for the content. Within the content div are divs for each column. The reason I have it set up that way is to keep the three columns flush at the bottom without having to specify heights. Here's my problem, though. In the content div, I have an image background that repeats vertically. In order for the bg image to show up, I have to set a height in the CSS code. That works fine for the above page because the content is going to stay within the designated height. However, I'm going to have sub pages where the heights will constantly be changing. If I don't specify a height for the content div with an image, the image won't show up and any text that's put in will bleed out of the div. If I get rid of the image and create seperate divs for each column (there will only be two on the sub pages), I'll have to adjust the height on the left column to match the right column. ARGH! So I said all that to ask a couple questions:
First, is there a way to have two columns side-by-side without a specified height and have the columns not only line up, but have the box encase any text that's inserted into the div?
Second, does any of this make sense? I'm freakin' confusing myself here!