Advanced Search

Results 1 to 5 of 5

Thread: DD's CSS Background-repeat malfunction

  1. #1
    Join Date
    Dec 2009
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default DD's CSS Background-repeat malfunction

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

  2. #2
    Join Date
    Dec 2009
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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!

  3. #3
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,624
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    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.
    We Only Torture the Folks We Don't Like (You're Probably Gonna Be Okay)
    It's a Party in the CIA

  4. #4
    Join Date
    Dec 2009
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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

  5. #5
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,624
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    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.
    We Only Torture the Folks We Don't Like (You're Probably Gonna Be Okay)
    It's a Party in the CIA

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •