01-15-2010, 05:16 AM
Hi i am making a website for a school project and am having trouble making it compatible in both Explorere and Firefox,
it centers in explorer but not firefox also the navbar acts weird in firefox as well. Any suggestions?
01-15-2010, 05:36 AM
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.
01-15-2010, 05: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:
That's supposed to work in all the main browsers.
Hope this helps.
(Nice design, by the way!)
01-15-2010, 09:20 AM
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.
01-19-2010, 04:22 AM
Thank you for all the help! I am new to web design and appreciate all your input.