Text-Align

[Marc]

Does the Text-Align not work in FF? coz it aint on my website

[karinne]

It works

[Marc]

I must have the old version of FF, Also could you check the footer of my website in your firefox because on mine the XHTML and CSS are sticking out the bottom :S

[karinne]

What's the link?

[Marc]

http://www.marcfraser.co.uk/v1/ - also my navbar :S

[moojoo]

Take the height: off of your footer. No reason for it to be a fixed height. Also not sure why you are using border-collapse:collapse; in there, you have no tables. You could lighten your css up a bit too, and your HTML could use some cleaning. Try starting it fresh.

Code: Select all

<div id="container" align="center">

should be

Code: Select all

<div id="container">

If you want to center your layout do the following.

in body{} put text-align:center; in the #container {} put margin:0 auto; text-align:left;

Code: Select all

body{
background-color:#3B3B3B;
font-family:Arial, Sans-Serif;
font-size:0.85em;
text-align:center; /* centers #container  for IE 5.x */
}

Code: Select all

#container {
padding:20px 0 0 0;
margin:0 auto;
border:solid #FFF 1px;
}

Your footer doesn't need a width since it is in #container:

Code: Select all

#footer{
padding:4px;
border:solid #FFF;
border-width:1px 0 0 0;
text-align:center;
}

Code: Select all

a:link, a:visited, a:active {
color: #FFF;
text-decoration: none;
background:url(Images/s_arrow.png) right center no-repeat;
padding:0 13px 0 0;
}

[Marc]

Ok, but that doesnt sort my Nav bar in FF (it aint centered). It is fine in IE7 though.

[moojoo]

Um maybe text-align:center on #nav? IE 7 will handle bad code, FF will do it the right way. The css for the menu's is wacky, where did you get it?

[Marc]

Hehe, i got it from Visual Infinate Menus (a program). Also i have already got text-align:center on the #nav. That is what i find strange as it is working for the footer and it is centering in IE but not in firefox.

[Marc]

Bizzarre, when i take the text-align:center out of the #nav and put this in my HTML it centers it (in FF):s

Code: Select all

<div id="nav" align="center"></div>

Strange :s

[moojoo]

Put the centering on the ul.

[Marc]

Ill give it a try later.