1. I can not get FF to change the widths of tables. As you can see I got the <table width="75%"> and if you open the page in IE, the table is 75% but in FF it is 100%
2. I can not get tables to center in IE. Again open up the training.php to see example. Ive tried table align="center" and div align="center" and it will still refuse to center.
3. For some reason in FF my buttons on top are all misalligned when I attempt to use my own CSS code. No matter how I apply the CSS code, for some reason when I use CSS it messes up the buttons in FF but not IE These are template based buttons that I am unable to edit,
What makes this a little tricky is that the template is controled on the school server and I only have access to where it says
I am thinking it is whats causing a lot of my problems but I was hoping you guys can help!!
Right now, your comments before the doctype will put IE into quirks mode. Remove everything before the doctype. Validate for your other errors . I can't finish looking at this right now. Just remember you need to get it working in Firefox first so we know your code is right. IE is old, buggy and non-standard but we can adjust for that.
Last edited by drhowarddrfine; 11-27-2006 at 06:09 PM.
I got the nav bar fixed but now im just have to fix items #1 and #2
Its weird, at home the table width is correct in FF. But at work the table is coming to 100% even though I set it deferently. I am using FF 1.07 at work, but sure about home. Anyone ever heard of this problem before?
Also when using the above validator i get the error "No Character Encoding Found! Falling back to UTF-8" I even took the comments above the doctype out like someone suggusted
To get the table to center in IE, you need to remove the left float in the div#centercol in 2 of your css files.
If you can't edit the template css, then just create a new div in your custom css file. You can call it #xcentercol, duplicate the syntax in the old #centercol, and then remove the line which has the left float. You will also have to rename <div id="centercol"> to < div id="xcentercol"> in your source code.
Yup, looks like you fixed it without editing the 2 css template files. Unless you can edit these css templates, I think it's going to be difficult to get it to look exactly alike in FF and IE. Besides, the difference is barely noticeable and nobody really surfs a site with both browsers on.