Bizarre problem!

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!

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.

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.

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.

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

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