Say I have a header where I have the main text big and bold and in the usual top left position. Now in addition I have a little catch-phrase that I'd like to stick in the bottom right. How do I style the catch-phrase so that it stays in the bottom right even with the user changing the font size?
Here's the markup and a little style:
<html>
<head>
<title>Bottom Right?</title>
<style type="text/css" media="screen">
#header {
background-color : #03c;
height: 55px;
}
#header #logo {
/* The following would be for Image Replacement of the logo */
/*background: url(logo.png);
font-size: 0;*/
font-size: 40px;
width: 250px;
height: 50px;
float: left; }
#header #subscript {
color: #fff;
text-align: right;
padding-right: 0.2em;
margin-left: 250px;
} </style>
</head>
<body>
<div id="header">
<div id="logo">Logo Text</div>
<div id="subscript">Catch Phrase</div>
</div><!-- header -->
<div id="content">blah blah blah</div>
</body>
</html>*****************************************************
The discussion list for http://webstandardsgroup.org/
*****************************************************
