Ryan Becker schrieb:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd";>
<html dir="rtl">
<head>
<title>Underline Test</title>
<style>
.underlinedText {
display: inline;
position: relative;
top: 20px;
right: 20px;
border-bottom: 1px solid #FF0000;
}
</style>
</head>
<body>
<div class="underlinedText">This should have a red
underline.</div>
</body>
</html>
hmm, the underlining is misplaced. I've never used RTL, never seen such
a problem, and hope someone else has a better fix.
The Holly hack does not help, but one declaration out of this subset
_zoom:1; / float: right; / position: absolute
fixes it in your example page.
Please note that the proprietary _zoom:1; does not validate and has some
side effects. So you have to decide whether float:right or _zoom:1 is
better in your situation.
You've said padding helps, what about a
padding-left: 1px; or margin-left: 1px; ?
(Another "alternative" is to insert a nbsp (or a dot or other
delimiters) as the first letter:
<div class="underlinedText"> This should have a red
underline.</div>)
mysterious are the ways of IE.
hth,
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
