• Hi!

    Everything was working great, but suddenly I have a bizarre problem. I have no clue what it can be. I wanted to search first, but I don’t know what words to use since I’m totally lost to what the problem can be.

    https://www.jorgent.com/testblog/

    In my latest post everything exept the color of the content looks correct. The other posts don’t have the correct title font (and wrong content color too). This should not happen. Every post should have bell mt as title font and the content color should be black. This was working fine until it suddenly didn’t.

    The most bizarre thing is that everytime I make a new post, the fontsize in the sidebar is getting bigger. What is happening??

    I’ve been cutting and pasting in the different php files and maybe I have done something wrong, but what can it be? I never make big changes and than update the files. I always make small changes and update for every little change so that I have control.

    I hope you can help! Thanks.

    EDIT:

    The font size of the previous posts is getting bigger for each post too.

    EDIT 2:

    I can’t see any news etc. in the dashboard either, but it’s been like that since yesterday. Everything else has been working correct until now. Is there a relation between the two problems?

Viewing 12 replies - 1 through 12 (of 12 total)
  • I know it may sound annoying, but if you could validate your site first that would make easier to locate the problem.

    Using em for font sizes is never a good idea, it kicks off way too many browser bugs, especially in, you guessed it, IE. I suspect that’s part of your problem. The other part of your problem, the sidebar fontsize and the difference in post color and such, could have something to do with inheritance. IE does weird things with inheriting font sizes, especially in nested lists.

    https://css-discuss.incutio.com/?page=UsingEms
    https://www.thenoodleincident.com/tutorials/box_lesson/font/index.html
    https://www.alistapart.com/articles/sizematters/

    For starters I would try specifying on body a font-size of 100.01% then adjust it from there, using percentage, for all other divs.

    One other comment– I doubt very many people have the font you specify for title installed on their system.

    Good luck!

    Thread Starter jorgent

    (@jorgent)

    moshu:

    I should do that, but I’m a newbie, so it’s a weeks work for me to do it..

    kickass:

    Maybe it’s an IE problem, but I use FF and the problem is there too. And in Opera. The thing is that I’m using the kubrick theme, and the em font sizes is from that theme. There must be something I’ve done wrong in the php files, cause I have not touched the style.css today..

    And the title font is not bell mt, but georgia ?? (my mistake).

    EDIT:
    It’s only on the frontpage I have that problem. When I click the post title or the menu or the archives etc the problem is gone.

    Thread Starter jorgent

    (@jorgent)

    Should I paste the index.php code here? Maybe you can discover some problems that I can’t.

    No, don’t paste it here ??
    Use https://paste.uni.cc/

    Hey that’s kind of a cool effect…

    Just a quick look at your source by using just a selection of your page (view selection source) in your entry div the first thing you have is an empty < small > then on the second entry there are two, one nested inside the other then on your third entry there are three and so on by the bottom it will make you eyes cross.

    Weirdly if I view the source for the whole page I do not see any nested < small > I do see the opening tag just after your H2 but never see the closing tag.

    So I am guessing it has something to do with that tag.

    Thread Starter jorgent

    (@jorgent)

    Where can I fix this? I’m very new to all this, so you have to feed me with a spoon ??

    Using ems is the most reliable method for sizing fonts, keywords are the worst, and pixels don’t resize in IE . the css-d article points to Richard Rutters article, which IMHO is the best example of font-sizing using ems https://clagnut.com/blog/348/

    The problem you are having is you have a number of small elements which are not closed (missing </small>), and your css includes:
    small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1.1em; <-- increases font size
    line-height: 1.4em;
    }

    So, every time your code hits a small element it increases the font size.

    Thread Starter jorgent

    (@jorgent)

    Great! I had 1 unclosed small tag in my index.php, and that caused the problem. It’s fixed now! Thanks everyone for help and links!

    Well, I am pretty sure that it is because the < small > tag isn’t closed. If I remove the small definition from your style sheet your posts start out large and get smaller and smaller. I don’t know what theme that it is you are using but the style sheet is from the default theme originally. You probably want to close that tag right after where you have you date or time statement. right before your entry div and it is probably the index php that you want to fix. Your single pages have the tag closed correctly so if you look at your single php you can see how it should look.

    well darn you fixed it while I was typing….

    Thread Starter jorgent

    (@jorgent)

    Yeah I’m faster than light ?? Thanks for helping Balatro! I’ll remember that little effect. Maybe I one day want to make my previous posts grow larger and larger ??

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Bizarre problem!’ is closed to new replies.