|
|
Posted by Kavok on 04/11/07 22:24
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>blah</title>
<style type="text/css">
body
{
color: #000;
font-size: 11px;
font: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
text-align: right;
}
</style>
</head>
<body>
<div id='divLogin' style='position:absolute; right: 0px; vertical-
align: top'>
<form id="login" action="/login.bml" method="post">
<div style="position:absolute; left: 0px; top 0px; height:
20px;text-align: right;" >
<div style="position:absolute; left: -400px; top: 0px;
padding: 5px;text-align: right;">
<label for="strUser">Username:</label>
<br/>
<label for="strPassword">Password:</label>
</div>
</div>
</form>
</div>
</body>
</html>
I'm trying to get two labels to text-align:right inside of a div, its
not working. Sad
This works perfectly fine in IE6, but it appears to still be aligning
left in firefox.
If I change <div id='divLogin' style='position:absolute; right: 0px;
vertical-align: top'>" to <div id='divLogin' style='position:absolute;
left: 0px; vertical-align: top'>
And <div style="position:absolute; left: -400px; top: 0px; padding:
5px;text-align: right;"> to
<div style="position:absolute; left: 200px; top: 0px; padding:
5px;text-align: right;"> it works perfectly.
The document when run through the w3c validator is valid xhtml 1.0
strict (with the exception of no matching input fields for the
specific labels).
What am I doing wrong?
Navigation:
[Reply to this message]
|