[ problems with header of 40px wrapping in FireFox, unwanted ]
<html>
<head>
<style type="text/css">
h1 { font-size:40px; }
body>h1 {font-size:36px; }
</style>
</head>
<body>
<h1>Your header here</h1>
<p>This above header will have 40px font-size in IE
and 36px font-size in all other mainstream, modern,
graphical browsers.</p>
</body>
</html>
I think I've got it, but why 36px for other browsers?
That's just an example value. You said the 40px was too big for browsers other
than IE, so I took some smaller value. Adjust as needed.
[image versus fixed font-size]
As a rule of thumb I would stick to flexible design, in this case meaning
a fixed font-size for the header (if large enough), so the text in some
browsing situation will wrap. Always preferable over an image only
showing partially, for than the contents of the page header might get
lost. That I would regard highly undesirable.
But, it is your descission. Just think it through and be consistant with
the implementation of the technique you choose throughout your site.
Looks like the best thing is to live with it and let it wrap, it doesn't
mess the
layout up to much.
<What's with the indented text? It messes up the reply, unless I correct it
manually. />
Read carefully through some of the advise given in all other posts. I used to
have a fixed size for the fonts of my page header. Now I have a relative font.
The header fits the design of a page because it has a visual context. If all
fonts can be enlarged (or made smaller) but the header font remains the same
size, your carefully chosen proportional design gets lost.
Also remember that communicating your message is imo always the important bit.
The looks come second, but at some distance. Others may think differently though.
A visitor will usually visit your site with only one browser (type) ever and
will therefore never notice a possible difference in visual rendering between
various browsers. So, if a page communicates its contents clearly and it looks
good (enough), although different from the looks in an other browser, your work
as a designer is more or less done.
--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog |
http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp |
http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen |
http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'