Comments on: HTML CSS Fix Wanted
Unfortunately (and not unusual), HTML CSS do not work the same way between different browser implementations. Those of you who use Firefox may have noticed that the Recent Articles table (above, on the main blog page) does not format correctly. The correct formatting right aligns the dates (that is, all the "-" line up vertically).
If anyone knows a fix for my CSS .offset style, please let me know or post a comment here. I suppose we could go back to using good-old HTML tables if necessary.
8 Comments Comments:
Oldes
10-Apr-2006 22:16 |
SPAN is not supporting width. Use DIV instead with display: inline
test is best | Oldes
10-Apr-2006 22:16 |
[div style="display: inline; width: 100px;"]test[/div] is best | Oldes
10-Apr-2006 22:16 |
interesting, it can be span so just add the display: inline and that's all | Chris
10-Apr-2006 22:16 |
Or add {float: left;} to the .offset style? | Carl Sassenrath
9-Apr-2006 19:33 |
I could not get display: inline to do it for some reason.
float: left - worked (although it removes a single space before the - separator).
Thanks for the suggestions. The float method works well enough. | Chris
9-Apr-2006 19:33 |
Always the little tweaks -- adding {padding-right: 0.25em} to .offset will return you the space. | Carl Sassenrath
9-Apr-2006 19:48 |
Worked, thanks. Fixes Safari too. | Brian Hawley
9-Apr-2006 23:36 |
Using nbsp's around the - instead of spaces will work too, and be more consistent between different fonts. |
Post a Comment:
You can post a comment here. Keep it on-topic.
|
