re: SPAM-LOW: RE: [WSG] base css
thanks :) those are good but I guess what i meant was more in terms of hacks that are generally used in most css files, I guess meaning are you guys starting off with a chunck of hacks or adding them as needed? :)From: "Mike Foskett" [EMAIL PROTECTED]Sent: Tuesday, July 05, 2005 10:16 AMTo: wsg@webstandardsgroup.orgSubject: SPAM-LOW: RE: [WSG] base cssSnippet taken from: http://www.websemantics.co.uk/tutorials/useful_css_snippets/#levellerWhere there's a fuller description and a few other snippets.On full width pages: * {margin:0; padding:0}html {height:100%; font-size:100.01%}body { min-height:101%; font:100.01%/130% Verdana, Helvetica, sans-serif; color:#000; background:#fff } On fixed width pages: * {margin:0; padding:0}html {height:100%; font-size:100.01%}body { text-align:center; min-height:101%; font:100.01%/130% Verdana, Helvetica, sans-serif; color:#000; background:#fff; width:760px; margin:0 auto }body * {text-align:left}#wrapper {width:760px} Both seem to work well cross browser / cross platform, but testing and change is a continual process. Regardsmike 2k:)2 e-mail: [EMAIL PROTECTED] site: http://www.webSemantics.co.uk **This email and any files transmitted with it are confidential andintended solely for the use of the individual or entity to whom theyare addressed. If you have received this email in error please notifythe system manager.This footnote also confirms that this email message has been swept byMIMEsweeper for the presence of computer viruses.www.clearswift.comThe discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help**
Re: [WSG] base css
Webmaster wrote:
If I know the base font I'll set that and some default
colours, then set a % text size in the body {}, to avoid
any font-size setting smaller than 1em.
Hi Heretic, please explain this. How does setting a % for text-size in body
prevent the appearance of smaller than 1em font sizes? Is 100% a good
starting point for body? Enquiring minds want to know.
I belive not having a % value on your top element ( html for XHTML and
body for HTML ) really screws up font-scaling in IE.
Alan Trick
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] base css
Hi,
Hi Heretic, please explain this. How does setting a % for text-size in body
prevent the appearance of smaller than 1em font sizes? Is 100% a good
starting point for body? Enquiring minds want to know.
Basically the idea is this: don't use settings smaller than 1em, for
example don't set text to 0.7em... there's a bug in IE which causes
miniscule text in certain circumstances (nested elements multiply the
fraction, or something like that). So, the smallest text size is 1em
and you go up from there.
The problem with that method is that the text can get very big,
particularly for H1 headings. If you set a % size for body{} then you
reduce the size of all text without losing the advantage of relative
unit settings.
As for the exact % to set on the body, there are many theories;
however I usually settle somewhere between 85-95% since I am partial
to fairly large text anyway.
I'm a little overbuzzed on caffeine so I hope that makes some kind of
sense... my apologies if it did not :)
cheers,
h
--
--- http://www.200ok.com.au/
--- The future has arrived; it's just not
--- evenly distributed. - William Gibson
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] base css
If you set the Body font size to 100.01% you can avoid the scaling issue in IE and some older versions of Opera, and be able to use font sizes less than 1em. Go towards the very bottom of this page - it has an explanation: http://www.communitymx.com/content/article.cfm?cid=FAF76print=true -- __Bugs are, by definition, necessary. Just ask Microsoft!www.co.sauk.wi.us (Work) www.arionshome.com (Personal)www.freexenon.com (Consulting)__Take Back the Web with Mozilla Fire Fox http://www.mozilla.org/products/firefox/Making a Commercial Case for Adopting Web Standardshttp://www.maccaws.org/Web Standards Project http://www.webstandards.org/Web Standards Grouphttp://www.webstandardsgroup.org/Guild of Accessible Web Designers http://www.gawds.org/
Re: [WSG] base css
Couldn't help myself ;) Even if you could, someone else would do it :P Cheers man. -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] base css
Snippet taken from:
http://www.websemantics.co.uk/tutorials/useful_css_snippets/#leveller
Where there's a fuller description and a few other snippets.
On full width pages:
* {margin:0; padding:0}
html {height:100%; font-size:100.01%}
body {
min-height:101%;
font:100.01%/130% Verdana, Helvetica, sans-serif;
color:#000;
background:#fff
}
On fixed width pages:
* {margin:0; padding:0}
html {height:100%; font-size:100.01%}
body {
text-align:center;
min-height:101%;
font:100.01%/130% Verdana, Helvetica, sans-serif;
color:#000;
background:#fff;
width:760px;
margin:0 auto
}
body * {text-align:left}
#wrapper {width:760px}
Both seem to work well cross browser / cross platform, but testing and change
is a continual process.
Regards
mike 2k:)2
marqueeblink
e-mail: [EMAIL PROTECTED]
site: http://www.webSemantics.co.uk
/marquee/blink
**
This email and any files transmitted with it are confidential and
intended solely for the use of the individual or entity to whom they
are addressed. If you have received this email in error please notify
the system manager.
This footnote also confirms that this email message has been swept by
MIMEsweeper for the presence of computer viruses.
www.clearswift.com
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] base css
Webmaster wrote:
Heretic wrote:
If I know the base font I'll set that and some default
colours, then set a % text size in the body {}, to avoid
any font-size setting smaller than 1em.
please explain this. How does setting a % for text-size in body
prevent the appearance of smaller than 1em font sizes? Is 100% a good
starting point for body? Enquiring minds want to know.
This includes some examples of what can happen when you don't:
http://members.ij.net/mrmazda/auth/IE/IE6FontInherit.html
--
If you love your children, you will be prompt to discipline them.
Proverbs 13:24
Team OS/2 ** Reg. Linux User #211409
Felix Miata *** http://members.ij.net/mrmazda/auth/
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] base css
what are you guys using as a base css file to start a site with common hacks and what not? plug http://leftjustified.net/journal/2004/10/07/css-negotiation/ /plug and plug http://leftjustified.net/journal/2004/10/19/global-ws-reset/ /plug Couldn't help myself ;) Andrew. http://leftjustified.net/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] base css
plug Couldn't help myself ;) Patience is a virtue, young padawan ;) h -- --- http://www.200ok.com.au/ --- The future has arrived; it's just not --- evenly distributed. - William Gibson ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] base css
Hi there,
what are you guys using as a base css file to start a site with common hacks
and what not?
These days I invariably kick off with the global whitespace reset (hi
Andrew!) http://leftjustified.net/journal/2004/10/19/global-ws-reset/
...and some controlled whitespace settings.
If I know the base font I'll set that and some default colours, then
set a % text size in the body {}, to avoid any font-size setting
smaller than 1em. I set the font early since different fonts have such
different alphabet lengths and apparent sizes.
If I expect a lot of edits/versions I'll add a comment at the start
with a name/description, version number and date. That does mean I
need to remember to increment the version later, but if you have that
mindset it really isn't hard.
After that it depends on the job, really. I've found the whitespace
reset notably reduces the number of hacks you need to use, though
(assuming of course that you use % and EM for all size settings).
cheers,
h
--
--- http://www.200ok.com.au/
--- The future has arrived; it's just not
--- evenly distributed. - William Gibson
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
RE: [WSG] base css
If I know the base font I'll set that and some default
colours, then set a % text size in the body {}, to avoid
any font-size setting smaller than 1em.
Hi Heretic, please explain this. How does setting a % for text-size in body
prevent the appearance of smaller than 1em font sizes? Is 100% a good
starting point for body? Enquiring minds want to know.
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
