Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
CSS - right align a table 3
- Thread starter cm80
- Start date
- Thread starter
- #3
-
1
- #4
Hi cm80,
No, you need to use style="text-align: <alignment>"
Good luck,
BobbaFet Everyone has a right to my opinion.
E-mail me at cwcon@programmer.net
No, you need to use style="text-align: <alignment>"
Good luck,
BobbaFet Everyone has a right to my opinion.
E-mail me at cwcon@programmer.net
- Thread starter
- #5
-
2
- #6
Actually that is not the correct way to do it....that is a text align property....it SHOULD not apply to block level elements such as tables.
I know that IE5 will align the table on the right but it does it wrong. A more CSS compliant browser such as Netscape 6.x or Mozilla will not align the table to the right.
The correct way to align a block level element to the right would be to add this CSS to the nested table:
margin-left:auto; margin-right:0px
but of course IE5 coughs all over that. So the solution if you have to have it work in IE5 is to do both, so you would end up with something like this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
<html>
<head>
<title>
test
</title>
</head>
<body>
<table width="500" border="1">
<tr>
<td style="text-align:right">
<table style="margin-left:auto; margin-right:0px">
<tr>
<td>
stuff
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Hope that helps!
===
Supports Mozilla and Web Standards
Knows HTML/XHTML, CSS1, JavaScript, PHP, C++, DOM1
===
I know that IE5 will align the table on the right but it does it wrong. A more CSS compliant browser such as Netscape 6.x or Mozilla will not align the table to the right.
The correct way to align a block level element to the right would be to add this CSS to the nested table:
margin-left:auto; margin-right:0px
but of course IE5 coughs all over that. So the solution if you have to have it work in IE5 is to do both, so you would end up with something like this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
<html>
<head>
<title>
test
</title>
</head>
<body>
<table width="500" border="1">
<tr>
<td style="text-align:right">
<table style="margin-left:auto; margin-right:0px">
<tr>
<td>
stuff
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Hope that helps!
===
Supports Mozilla and Web Standards
Knows HTML/XHTML, CSS1, JavaScript, PHP, C++, DOM1
===
He Trevman, your solutions looks OK. (I always vote for new ideas 
)
I didn't try it myself, but will do it when I have time.
I'm just curious if you can V-align a table with this trick with using 'margin-top:auto' and 'margin-bottom:auto'
Erik <!-- My sport: Boomerang throwing !!
This year I will participate at the World Championships in Germany. (!! Many Happy Returns !! -->
)I didn't try it myself, but will do it when I have time.
I'm just curious if you can V-align a table with this trick with using 'margin-top:auto' and 'margin-bottom:auto'
Erik <!-- My sport: Boomerang throwing !!
This year I will participate at the World Championships in Germany. (!! Many Happy Returns !! -->
trevman, the code i gave is correct cm80 asked for text-alignment and that's what it will do.
BobbaFet
BobbaFet
Everyone has a right to my opinion.
E-mail me at caswegkamp@hotmail.com
Heineken is like making love in a cano... it's f*cking close to water !!!
BobbaFet
BobbaFet
Everyone has a right to my opinion.
E-mail me at caswegkamp@hotmail.com
Heineken is like making love in a cano... it's f*cking close to water !!!
- Status
Similar threads
- Locked
- Question