|
|
Posted by Mike Scirocco on 04/12/07 00:39
Kavok wrote:
> <?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?
Does this work for you?
<?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">
div{
margin: 0;
padding: 0;
border: 0;
}
body{
color: #000;
font-size: 11px;
font: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
text-align: right;
margin: 0;
padding: 5px;
}
#divLogin{
float: right;
vertical-align: top;
width: 166px;
text-align: right;
}
form{
margin: 0;
padding: 2px 2px 0 0;
text-align: right;
font-size: 1em;
}
form input{
width: 90px;
padding: 0;
margin: 0;
height: 18px;
}
..clear{
clear: both;
}
..lblLogin{
width: 60px;
}
</style>
</head>
<body>
<div id='divLogin'>
<form id='login' action="/login.bml" method="post">
<label class='lblLogin' for="strUser">Username:</label>
<input type='text' value='' id='username' name='username'>
<br/><label class='lblLogin' for="strPassword">Password:</label>
<input type='text' value='' id='password' name='password'>
<br/>
</form>
</div>
<div class='clear'></div>
</body>
</html>
Navigation:
[Reply to this message]
|