Click to See Complete Forum and Search --> : I.E vs. FF = Huge Difference Need Help
xxguit3rxx
01-27-2009, 12:15 AM
Hi,
Recently I have trying to get my little problem here to work. I have been coding a website for my friends gaming team using xhtml/css. It looks almost perfect in firefox, except the fact that I cant get the roster and news to go to the right side of the template. I have tried margins and positioning absolute but because of all the different browsers it messes up. So I am trying to get my .mainContent to go to the right side. Also, this site is not positioning properly in IE or Opera, it works in Firefox and Safari though. I looked into margin: auto 0...i have tried many things.
Here is the site: temp domain for now until they get theirs up and running. http://sale.virtuoso-studios.site40.net/
Please Help
Cheers!
Nesting errors in the html
This will send users running away: SiteAdvisor security breach (http://www.siteadvisor.com/sites/site40.net?version=2&core_ver=1.0&pip=false&premium=false&client_ver=2.8.304&client_type=IEPlugin&suite=true&aff_id=373-3&locale=nl-nl&os_ver=6.0.1.0)
xxguit3rxx
01-27-2009, 09:26 AM
I do not understand you....as I said earlier this web hosting and domain for that site is only temporarily. As for that link you sent me, site40 is fine. I know people who use it with no problems and even have websites up and running with no html/css errors.
My question was that I am having trouble with the site in IE. For anyone else who would be kind enough to help, please open the link in my first post in both IE and Firefox and you will see what I am talking about.
Nesting errors in the html
xxguit3rxx
01-27-2009, 09:45 AM
Ok, Can you show me one of my errors? I also went through the validators, my css is good but my html has lots of errors. Most of it it because I have a CMS and it doesnt understand alot of the links.
and others:<div class="leftIcon"><img src="images/games/cs.gif" alt="" /></div>
<div class="leftTxt"><a href="index.php?site=clanwars_details&cwID=28">Raged vs. Complexity</a> </div
<div class="leftStat"><b><font color="#01e201">24:0</font></b></div>
The DTD is also wrong: http://www.w3.org/QA/2002/04/valid-dtd-list.html#CSSVal
There are no doubt other problems, but as the site uses pop-unders and can crash Firefox I am reluctant to help further. Find another host soon!
xxguit3rxx
01-27-2009, 11:30 AM
Ok Ill change it all and post back
xxguit3rxx
01-27-2009, 01:44 PM
Ok, I checked through everything, updated it, and Its now working on IE6. But the only other problem I had was that the roster and news was supposed to be on the right side, but in the preview of dreamweaver, the sidebar wrap should be covering only 288px of width, but its covering the whole width of the template so I think thats why the content isnt moving up to the right...
Any suggestions?
xxguit3rxx
01-27-2009, 07:10 PM
Ok, to my above post, it all works but I revalidated my xhtml, my css has no errors but with the xhtml, doing what you said fang fixed the IE appearance, but WC3 does not see it as valid. take a look at one I mean: http://validator.w3.org/check?uri=http%3A%2F%2Fsale.virtuoso-studios.site40.net%2F&charset=(detect+automatically)&doctype=Inline&group=0
Your coding is html Transitional (still with errors), not xhtml
Use:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">[
xxguit3rxx
01-28-2009, 11:02 AM
The validator is giving me errors with that Doc Type, also creating errors for other code.
Any DTD will give errors if the html is invalid.
Your style of coding will give the least errors with a Transitional DTD.
xxguit3rxx
01-28-2009, 05:24 PM
Ok so if I were to code in xhtml which I thought I already had I would use this
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
And a question with xhtml, i went through tutorials and I dont see how mine differs. Lower case, matching ending tag so..<div></div> or <br />
How is mine different from xhtml.
And this is what I don't understand..
Error Line 54, Column 63: there is no attribute "onFocus".
…t name="ws_user" type="text" value="Username" onFocus="clearText(this)" />
But there clearly is onFocus because without it I can not clear the textbox when I click it.
Fang if you dont mind do you have like MSN, or xfire I would like to discuss this further as it is important to me and I would like some advice that is quicker, rather than constant forum chat
And a question with xhtml, i went through tutorials and I dont see how mine differs. Lower case, matching ending tag so..<div></div> or <br />
…t name="ws_user" type="text" value="Username" onFocus="clearText(this)" />
…src="images/icons/download.gif" alt="">
If you must use xhtml then use Transitional which permits sending your page as text/html
This site gives a list of element and attributes that are allowed in a particular DTD: http://www.blackwidows.co.uk/resources/tutorials/xhtml/element-comparison.php
Convert the & to & in URLs
Contact through this site's PM