DD's CSS Background-repeat malfunction

[Den7]

Script Title: CSS Liquid Layout #2.1- (Fixed-Fluid)

2) Script URL (on DD): http://www.dynamicdrive.com/style/la...1-fixed-fluid/

3) Describe problem: When the text is longer in <div id="contentcolumn">
<div class="innertube"> then the leftcolumn's lower part is not filled in with color. I tried background-repeat: repeat-y which won't help. You can take a look at it here http://www.klaipedaville.com/Newbeers/tester.php

Would appreciate if somebody gave me a hand how to fix it. Many thanks!


hmm... looks like I will have to help myself..

The only work around decision I found at the moment is to keep the left column quite longer than the right column. In this case imperfection and "forget to finish" of the liquid CSS style in regards of viewers monitors' resolutions and size will not be seen... the other option is to keep both column's color white so that when they change their size because of the same reasons (different browsers, font + etc. settings, monitor resolutions, and so on) the bug will not show off... It simply makes me very curious and keeps on wondering what do the author (Dynamic Drive I suppose) of this CSS style think??? Any mature solutions to remove the bug? The ones I suggest are too childish... Background-repeat: property won't help... It may not be a bug really but all in all just something that hasn't been finished coding yet...

[Den7]

Hello there you all unhappy people because of problems with DD scripts!

Now I have found some quality off duty time (my job is not computer related at all) to fix this trouble. I simply wonder why did DD guys put unfinished script online for everybody to use? Plus what surprises me real big is that the author of this CSS did not speak a single word of comment on his/her creation??? Since it looks like that the auhtor malfanctions himself / herself hehehe I will spread the word of solution.

It is found here http://www.klaipedaville.com/Newbeers/tester2.php

Here are the details:

1. The #contentwrapper is to be added the following:
background: #C8FC98;
background-repeat: repeat-y;

2. The #contentcolumn is to be added the following:
background: #EAEAEA;

3. The #footer is to be added the following:
background: #C8FC98;

4. The #footer a{ is to change the color to the one you please as shown below. I just put it in line with the other text for comparison. This is your own preference of course.

#footer a{
color: #000000; /* the one set in the original DD's vesrion is #FFFF80; */
}

You are to make sure that the #footer's and #contentwrapper's background colors are the same!

Enjoy your life without going crazy about poorly coded stuff!

[traq]

Perhaps you would be happier if you did not use any of the "poorly coded stuff" freely available here on Dynamic Drive.



If you are interested, your "problem" is not an error, it's simply a matter of how <div>s work. They expand with their content, so if the content is different lengths, the <div>s (columns) will be different lengths. DD prominently offers a javascript solution to the equal-height problem. Good luck with your crazy life.

[Den7]

I try to or make it all work without js turned on as well so your suggested javascript solution will not work. Millions of people have js turned off in their browsers. Good luck on missing on a whole lot of audience and relying on your js solutions

[traq]

Please note, I'm not saying your solution is wrong - but the DD stylesheet is not "poorly coded." I am not trying to offend you, nor start an argument.

Of course. You can also solve that problem by setting fixed dimensions on every container, or simply using tables to achieve your layout. It was the way to go for years, right?

Utilizing javascript does not exclude an audience -this issue is not mission-critical, the users in question can still access everything any other user can- and likewise, graceful degradation does not mean excluding javascript.

What you're doing, above, makes it appear that the left column extends all the way down, but as you said ("make sure that the #footer's and #contentwrapper's background colors are the same!"), it doesn't really do so.

Also, your declaration background-repeat: repeat-y; is not necessary, as the repeat property applies only to images -background colors fill their entire container.

In any case, I think it was a bit impolite to come into a forum, blast their *free* resources, insult the stylesheet's author, and complain that no one drops everything to solve your issue (within the first few hours). If you don't like the stuff available here, no one is forcing you to use it - and likewise, no one has any obligation to "fix" it for you.