Sent by Jukka K. Korpela on 6 August 2007 07:07
On Mon, 6 Aug 2007, Seona Bellamy wrote:
> Can someone please have a look at
>
http://www.dairyfarmers.com.au/df/ournews/latestnews/2007/07/25/from-rock---n-roll-to-rolling-hills/in
> IE6 and tell me:
The correct URL appears to be
http://www.dairyfarmers.com.au/df/ournews/latestnews/2007/07/25/from-rock---n-roll-to-rolling-hills
(i.e., without the trailing characters "/in").
> a) are the first two lines indented slightly (a couple of pixels-worth) more
> than the rest of the article, and
On IE 7, such a problem cannot be seen, except when I tell the browser to
ignore font sizes specified on web page and I set font size to "Larger" or
"Largest".
I guess this, and what might appear on IE 6, is caused by the width of the
"paragraph" containing the date (25.07.2007). It's probably a floated
element - the markup and the CSS code are too complicated for me to
analyze now - and this would explain why it pushes the first few text
lines to the right a bit more than you expected.
You can't really know the width needed for a string, in an environment
where fonts may vary. If you wish to rely on having your primary font
suggestion obeyed by browsers, you can probably estimate the width needed
for a numeric date strings in em units - if the font has "tabular" digits
(i.e., digits with the same width), as most popular fonts have. You need
to be careful, though, and it's best to make the estimate a bit too large,
for safety. What's most important is that you use the same estimate when
setting the width of (e.g.) a floated element and when setting some margin
that is supposed to align content in a tabular manner.
(Actually, using a table would save quite some estimation work and
headache. On the other hand, it does not look very natural to put the date
on the left of text when there is just a single date and not different
dates relating to different parts of the text - and a simpler idea, like
putting the date on a line of its own, would lead to easier styling
challenges.)
--
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
