Text-Align

Marc · #1 May 31st, 2007, 19:46

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

karinne · #2 May 31st, 2007, 19:48

It works

Marc · #3 May 31st, 2007, 19:56

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 · #4 May 31st, 2007, 20:00

What's the link?

Marc · #5 May 31st, 2007, 20:04

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

moojoo · #6 May 31st, 2007, 20:28

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 · #7 May 31st, 2007, 20:42

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

moojoo · #8 May 31st, 2007, 20:50

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 · #9 May 31st, 2007, 20:54

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 · #10 May 31st, 2007, 21:09

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 · #11 May 31st, 2007, 22:05

Put the centering on the ul.

Marc · #12 Jun 1st, 2007, 08:22

Ill give it a try later.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Vertical Text Align	Biddlesby	Web Page Design	1	Mar 14th, 2008 00:39
Text wont align	shammy2007	Web Page Design	7	Jan 21st, 2008 09:30
Align text vertically in a box	josoap	Web Page Design	3	Jul 12th, 2007 18:29
align text to bottom of div?	JETshipJUMBO	Web Page Design	9	Aug 6th, 2006 08:29
help with text-align: center	iemerick	Web Page Design	1	Jun 9th, 2005 19:05

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Text-Align