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 PROTECTED] 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/
