I’m working on [URL=”www.cidic.info”]my site[/URL] and the text formatting varies from ie, to ff, to safari. and I want it to be as consistent as possible. The main thing i want to fix is <span class=”style4″> which I use for headings and dates, it doesn’t seem to work properly in ie or safari, but works in firefox. what can i do?
@WebJoelApr 12.2007 — #Sometimes the best thing is to start off with a common font-size, then re-size according to page-needs. I have been having good luck with something like this to start my STYLE declarations:
<style type="text/css">
* {border:0; padding:0; margin:0;}/* Set everything to "zero" */
</style>[/QUOTE] Notably, in BOLD. Some tweaking per~page required to acheive a desired mood, but this has been making my font in IE and Fx very similar. The 'font-size:90%;' re-sets default-whatever amount, and then you re-set again for the elements, in em-size usually, and the font come out alot closer x-browser.
@cidicauthorApr 13.2007 — #i'm trying to make the headings smaller font with increased letter spacing, i don't think the above code will do that will it?
@ToonMarinerApr 13.2007 — #bottom line is that different OS's render things oh-so-slightly differently. You can't everything exactly alike and is some cases someone will use their own settings that override yours.
So my advice would be to not worry too much if yout typography is not identical on every platform/client.
@WebJoelApr 14.2007 — #i'm trying to make the headings smaller font with increased letter spacing, i don't think the above code will do that will it?[/QUOTE]
Then you may need to edit the template I provided, and for the affected text, this:
<p style="[B]letter-spacing:0.2em;[/B]">This text is very widely spaced"</p> (need to adjust spacing value to suite taste)
Here, I use "inline" but you could apply this to the STYLE and make it "external" if you want to apply this to all use of <p> or <h[I]n[/I]>"