• I’m modified a Cutline 1.4 3-column theme on a local host on my computer. Knowing very little about css & php when I started, I’ve learned a lot by reading hundreds of post, and at least that many questions in the forum, both at WP.org and WP.com. Even when I couldn’t find exactly what I was looking for, there would be something that would steer me in the right direction. But I’ve run into one thing I can’t seem to find the answer to. I would like to have the content (entries box, not the content box) to automatically extend to the footer in post and pages, as well as the front page. I use a lot of widgets and many of my entries are shorter than the widget columns. Since I use separate backgrounds for the content box and the content, if the entry isn’t lengthy enough to extend below the widgets, then my background intended only for the widgets covers the entire content box below the entry. It’s strictly a cosmetics thing, but if it’s possible I’d like to do that. I know I could put a “height: ????px;” in the #content code line, but then I would have to pick out my longest entry and make that my base px number. But that would really make short entries have a long page. Does anyone know of a way to do this?

Viewing 13 replies - 1 through 13 (of 13 total)
  • Set a height (whatever the minimum it needs to be), then just let the content push beyond that height as it needs to…

    Unless you specifically set overflow:hidden, once content exceeds the current set height, it will just continue to extend as required..

    Thread Starter myidea1

    (@myidea1)

    Thanks-a-bunch t31os_ for replying to my question.

    If I understood your suggestion correctly, I set a height to fit my longest entry. However, shorter entries pick up this pre-set height and left me with a lot of white space below the comments box. Then, figuring I did misunderstand you, I set the height to my shortest entry, but the entries that were longer overflowed out of the entry box and appears on the background I’m trying to cover. In other words, my entries are not pushing the entry box with it when a pre-set minimum is applied.

    And to be sure I was clear in my original question, the widget columns on both sides are pretty long, and many of my entries are shorter than the widget columns. Therefore, the background intended to be seen only in the widget columns appear across the entire width of the page.

    I’ve already uploaded the theme I’ve been working on, so you can see an example of what I’m talking about here.

    Seems to be some problems with the page, apart from the body, all background is white with exception to one or two areas… both the sidebars and content areas have a plain white background…

    There also seems to be some odd characters output on the page to the top right of the nav menu..

    ">

    Thread Starter myidea1

    (@myidea1)

    Mercy! Let me look into this. In viewing it on my laptop, which is where I do all my work, and on my desktop, it appears just as I’ve modified it. I am using IE7 and keep everything on both computers very much up to date. I’ll get back to you as soon as I’ve found something. Thanks for letting me know about all this.

    Thread Starter myidea1

    (@myidea1)

    t31os_, could you please take another look at the link provided above again and see if the content box background is showing up now? In using my custom css file, I found that I had to comment out certain code lines in the Stylesheet to get the modified code line in custom css to work. So what I did just now is comment out the #content box line in the Stylesheet. If that problem is taken care of, I will address the

    “>

    problem. I may know what that is.

    I’ve cleared all my cache on both computers and turned off my local host, and I’m still seeing what I intend for everyone to see in my online blog. So I don’t know yet why that’s happening, but I will get that solved also.

    Thanks

    Just done a refresh but still looks the same.

    See image here (screenshot).
    img17.imageshack.us/img17/9070/clipboard1vcs.jpg

    Thread Starter myidea1

    (@myidea1)

    t31os_, the link you provided didn’t “take” in your above comment, but that’s ok, I take your word for it. I’ve got to get to the bottom of this before I go any further. There’s no need for me to work on a problem when I can’t see the results. This is really weird. I’ve already begun looking into it. I’ll get that fixed, and hopefully you will return at that time if I still need your help on my original request. Who knows? That problem may be solved too once I get this viewing problem fixed. I’ll get back here and leave a post once I get it all settled.

    Thanks a whoooooole lot!

    I purposely didn’t link the URL (copy and paste it).

    I can’t help with a problem i can’t see either matey.. ??

    Thread Starter myidea1

    (@myidea1)

    t31os_, if you’re still checking back, could you take a look at the link now and see if anything has changed? I’m pretty sure the

    “>

    is gone now, but more importantly, is the widget column background still the same as the entry column? And if you still can’t see the pink marble background in the widget columns, could you tell me what browser you’re using, and if it’s IE, which verion?

    Thanks for all your help.

    I’m using Firefox, although i do have IE available it has no debugging tools that i have available to me inside firefox..

    Background problem still remains on link above.. the odd characters have gone though.

    Thread Starter myidea1

    (@myidea1)

    Thanks t31os_. I’ve spent the bulk of yesterday and last night troubleshooting the problem, and can’t seem to find a single thing technically wrong in my codes (but it must be there someplace). I went to several other computers yesterday at neighbors and couldn’t see what you see. One computer in a neighboring town couldn’t see the same background you’re not seeing, and they are still on IE6, thus the reason I asked you what you’re using. I and all the neighbors are using IE7 and IE8. I suppose, somehow but not sure, this could be an answer with the background, but not sure with the odd characters. It seems we all should have seen that (Although it wasn’t what I expected, I’ve found and fixed that). I’ll keep looking.

    Again, thanks. You’ve been a great help and you can’t imagine how much I appreciate it.

    Run your site through the code validator, fix the errors listed and the HTML/CSS should behave naturally.

    https://validator.w3.org/

    The reason you have varying behaviour is because different browsers will interpret invalid code differently, but that’s not to say that doesn’t happen with valid markup either, there certainly are various browser quirks, but these are generally (not always) only minor.

    Thread Starter myidea1

    (@myidea1)

    Jesus, t32os_! Where did you come from? Do you have any idea of how few people today would take the time to do what you’ve done? Well, it just “ain’t” many, I’ll tell ya! And thanks for the validator site. I obviously wasn’t aware of it, but will use it in the future. I was going to download Microsofts’ Explore Developer Tool and see if I could do some debugging. I suppose I still should, so probably will.

    Now I’ll work more on getting the the entry box to extend to the footer. Again, I don’t know how to properly thank you, so I guess I’ll just say it – Thanks.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘How Do I Extend Length of Entry Box To Footer’ is closed to new replies.