Alignment problem

JoeAtRevolutionUnltd · Apr 19, 2005

In the footer im trying to keep the copright on the left and the webmaster link on the right. Right now I have the text align in the footer div set to left so my text isn't centered. I have it aligned right, but there is a line break. Any ideas how to keep it all on the same line?

Thanks

cLFlaVA · Apr 19, 2005

Code:

float: right;

whatever you do, don't look at your page in Firefox.

*cLFlaVA
----------------------------
[tt]a frickin' twelve-gauge, what do you think?[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]
[banghead]

johnwm · Apr 19, 2005

.. or any otherstandards compliant browser! [smile]

________________________________________________________________
If you want to get the best response to a question, please check out FAQ222-2244 first
'If we're supposed to work in Hex, why have we only got A fingers?'
Essex Steam UK for steam enthusiasts

JoeAtRevolutionUnltd · Apr 19, 2005

If I fix the page in Firefox it is off in IE. Its like i cant win.

If i get rid of the float:right, the webmaster link stays right next to the copyright on the left side.

The whole page gets fixed in Firefox if i get rid of the float:left in the content div, but then the content is off to the right and in the updates box. I will have to do a little more work on that.

CliveC · Apr 19, 2005

Code:

<html><head>
<style type="text/css">
body {background:black}
#footer
{
  text-align: center;
  font-family: "Times New Roman", Times, serif;
  color: #FFFFFF;
  margin-right: auto;
  margin-left: auto;
  width: 700px;
  border-top: 1px solid #666666;
}
</style>
</head><body>
<div id="footer">
<span style="float:left;text-align:left">
&copy; Time to Burn 2005</span>
<span style="float:right;text-align:right">
<a href="webmaster.html" target="_blank">Webmaster</a></span>
</div></body></html>

Clive

http://tubularity.com

http://PalliativeCareConsulting.org

glenmac · Apr 19, 2005

I'd add one more thing to Clives code;

Code:

#footer
{
  text-align: center;
  font-family: "Times New Roman", Times, serif;
  color: #FFFFFF;
  margin-right: auto;
  margin-left: auto;
  width: 700px;
  border-top: 1px solid #666666;
  [COLOR=red]position:absolute;
  bottom:0px[/color]
}

So your footer will always be at the bottom of the page.

Glen

http://lantzvillecomputers.com

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!

Alignment problem

JoeAtRevolutionUnltd

Programmer

cLFlaVA

Programmer

johnwm

Programmer

JoeAtRevolutionUnltd

Programmer

CliveC

Programmer

glenmac

Technical User

Similar threads

Part and Inventory Search

Sponsor