...

View Full Version : Firefox/Explorer Help



RAMBO
01-15-2010, 04:16 AM
Hi i am making a website for a school project and am having trouble making it compatible in both Explorere and Firefox,

http://www.hugelaughs.com/fbla/home2010.htm

it centers in explorer but not firefox also the navbar acts weird in firefox as well. Any suggestions?

Doctor_Varney
01-15-2010, 04:36 AM
Any suggestions?

Yes. Get rid of the tables.

Then you should find centering, using CSS, a fairly straightforward affair. I would love to help you but I can't because I ditched tables when I found them hard to centre things. Now I can't remember anything about tables.

Regards

Dr. V

Doctor_Varney
01-15-2010, 04:44 AM
Okay, I found your stylesheet. You seem to have more than one!? Anyway, if you put a DIV around your entire site called #wrapper, like you do sometimes with tables, you can centre it using margins, like this:


#wrapper{margin-left:auto;margin-right:auto}

That's supposed to work in all the main browsers.

Hope this helps.

(Nice design, by the way!)

Dr. V

Excavator
01-15-2010, 08:20 AM
Hello RAMBO,
You're using the deprecated <center> (http://www.w3schools.com/TAGS/tag_center.asp) tag which can't work because it's missing it's closing tag.
See that error found by the validator - http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.hugelaughs.com%2Ffbla%2Fhome2010.htm


Your #container is only 500px wide but you're putting a 770px wide c_container in it.
See how the box model works (http://www.w3.org/TR/CSS2/box.html). margin/padding/border all count when figuring total widths.


To fix it the centering problem you can get rid of <div align="center">, fix the width on #container and center that.
To center an element you need 3 things:

a DocType Declaration
an element with a width
that elements left/right margins set to auto


And, Like the good Doctor mentioned, tables are not for layout. See the link about tables in my sig below.

...

RAMBO
01-19-2010, 03:22 AM
Thank you for all the help! I am new to web design and appreciate all your input.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum