serious theme problem

  • Resolved bax_germany

    (@bax_germany)


    14 years, 10 months ago

    hey everyone!
    i am using wp as a cms, and i have a serious problem concerning my self-made theme.

    i have a div with fixed width and height; when the content gets bigger than the div, a scrollbar should occur, see my html dummy.

    BUT:
    inserted into my theme, when the content gets bigger, it pops out of the div and doesn’t seem to take concern of my css, like this

    firebug is showing me some weird element.style definitions, but these occur in my as-it-should-functioning html dummy.

    i really can’t find the problem! can anyone help me??

    thanks in advance!

Viewing 8 replies - 1 through 8 (of 8 total)

  • I’d suggest that you start by sorting out the validation errors in your theme. You also have some potentially serious CSS issues.

    For your center area, your CSS is as below, but I dont see .scrollbox in the css. Is that somewhere else?

    #contentbox (line 234)

    {

    width: 510px;

    height: 300px;

    text-align: left;

    line-height: 20px;

    overflow-x: auto;

    overflow-y: auto;

    display: none;

    z-index: 2;

    }

    At least 1 (and possibly 2) CSS sheets are missing.

    Hi there. IF the effect you’re trying to accomplish is for the remaining content that does not fit in the defined space to be “scrollable,” you should definitely try changing these tags

    #contentbox (line 234)

{

width: 510px;

height: 300px;

text-align: left;

line-height: 20px;

<strong>overflow-x: auto</strong>;

<strong>overflow-y: auto</strong>;

display: none;

z-index: 2;

}

    To these:
    overflow: scroll;

    I know LMK if that does the trick.

    Good luck!

    It didn’t bold the tags I wanted, so here it is again, a little more clear. Try changing

    overflow-x: auto; TO overflow-x: scroll;
    AND overflow-y: auto; overflow-y: scroll;

    Also, I noticed that the box displays fine in the other sections: “Partypics,” “Anreise,” and “Newsletter”. Did you try to use the exact same styling for the “Location” section? Just a thought.

    Thread Starter bax_germany

    (@bax_germany)

    yes, it’s just the same.
    overflow: scroll has no effect ??

    @ LisaH371:
    the .scrollbox class is just used for the fading function, it is declared directly in the html code in the head, there is no css styling on it.

    i dont’t undersant why it works as a palin html, bit not in wordpress…

    i fixed the css errors, but there are 2 left i don’t understand:

    URI : https://ponyclub-mannheim.de/location/href=
    -1 File not found: https://ponyclub-mannheim.de/location/href=: Not Found

    URI : https://ponyclub-mannheim.de/location/
    41 Unrecognized link element or xml-stylesheet PI.

    Thread Starter bax_germany

    (@bax_germany)

    WOHOO!!

    i found it, it cam sometimes be so easy: i wrote
    <link rel=”stylesheet” href=”href=”/wp-content/themes/ponytheme/jScrollPane.css” type=”text/css” media=”screen” />

    instead of
    <link rel=”stylesheet” href=”/wp-content/themes/ponytheme/jScrollPane.css” type=”text/css” media=”screen” />

    that was it!

    goodnight!

    Cool! Sometimes the tiniest mistakes can generate the most unexpected results. Glad you were able to figure it out.
    Cheers.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘serious theme problem’ is closed to new replies.