On Mon, 6 Aug 2007, Seona Bellamy wrote:
> I've had a look, and the date part doesn't seem to be taking up
> any more space than it needs to (it doesn't actually have an explicit width
> allocated).
Yet it may take up more width than effectively reserved for it in the page
layout. It's possible that there is _also_ a bug like the three-pixel jog
involved.
> It certainly would remove a lot of headaches if I could move the date.
> Sadly, that's out of my control. The designers created the design, the
> client approved it, I just put bits of it together. *sigh*
Sigh indeed. If the decision on design only specifies the appearance, not
the technical implementation, you might still be able to avoid the problem
by using table layout. But it would be a major change and would have
problems of its own, at least in clarity and maintainability of code.
> So here's the code that sets up those two "columns" for the date and the
> text:
- -
> #article {
> margin: 0 0 20px 110px;
Here 110px is effectively what you reserve for the date, since if the date
text is wider, it will push the first few text lines to the right. When
your font suggestions (11px Arial) are applied, there might be no problem
visible, except perhaps due to a browser bug. But when they are
overridden or ignored, problems may arise, especially for relatively large
font sizes. Something like 6.5em instead of 110px would be more robust,
though even it is too small if the font actually used is, say, Verdana
(which has rather wide glyphs).
--
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/
