serious theme problem

  • Resolved bax_germany

    (@bax_germany)


    14 years, 2 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)
  • esmi

    (@esmi)

    14 years, 2 months ago

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

    LisaH371

    (@lisah371)

    14 years, 2 months ago

    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;

    }

    esmi

    (@esmi)

    14 years, 2 months ago

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

    Marventus

    (@marventus)

    14 years, 2 months ago

    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!

    Marventus

    (@marventus)

    14 years, 2 months ago

    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)

    14 years, 2 months ago

    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 : http://ponyclub-mannheim.de/location/href=
    -1 File not found: http://ponyclub-mannheim.de/location/href=: Not Found

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

    Thread Starter bax_germany

    (@bax_germany)

    14 years, 2 months ago

    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!

    Marventus

    (@marventus)

    14 years, 2 months ago

    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.