Achievement bar stretches the page

Quote from: googoogjoob on June 24, 2009, 09:46:59

Quote from: LPChip on June 24, 2009, 09:23:02

Unfortunatelly, width percentages on a div are not supported the same way by all browsers.

*cough*Internet Exploder?*cough*

Exploder?

[offtopic]Hopefully on purpose...IE8 breaks every page that worked on IE7, for example...
[/offtopic]

anyway, the new mod looks a lot better, and now the only thing that widens the page are obscenely long sentences!

wait

can we put a div tag (or whatever its called) wrapped in an img tag? will it work?

In the image tag?

wait

can we put a div tag (or whatever its called) wrapped in an img tag? will it work?

the <img> tag's format is: <img src="image.png" />.
format of <div>:
<div><p>paragraph</p><img src="whatever.png" /></div>
so, no, you can't put a div tag in the image tag.
plus, div is blocklevel, meaning it can contain anything, but img is inline, meaning it can only contain other inline elements, text, and content.

You can do alot... you can even put an image as a background for a div, but the matter of the fact is, that when working with divs, different browsers threat divs differently, and using a div with an image can sometimes been seen as advertisement, and gets blocked unwanted. Also, I cannot add a clickable link to a div, and I can add one to an img tag. (yes, you can click the achievement bar to get it inside the editor so you can make changes quickly.

But really, I'm a good html/css programmer, and I can't think of any way to fix this cross-browser without getting in that much trouble that it can give performance loss.

I could put it in a spoiler but that would beat the entire purpose of having this spoiler. The best alternative, is to alter the image programming to make it into a 2 rows bar. That, however, will cost me a bit of time. Something I currently don't have.

min-width + width: 100% + overflow: auto + some hacks for IE.

I'm not going to use some hacks for IE, because that is going to give me a headache implementing it. I currently only have place for html STYLE="" usage. Hacks often require javascript etc.

Alternative stylesheets for IE should be enough, anyway you have to know how to control nasty IE

Alternative stylesheets for IE should be enough, anyway you have to know how to control nasty IE

Yeah, except that I won't do alternative Stylesheets for IE. Its very tricky to do this, since I'm working with a mod, and not a feature of SMF. I just don't have that much control without destroying functionality of the mod itself. I simply can't risk it.