PDA

View Full Version : CSS not rendering in IE for PC

instudios
09-10-2006, 05:38 AM
Greetings everyone! I've been working on the following page for a couple of days now, and it looks fine in Safari and Firefox, but all my CSS fail in IE. I don't know what the problem is. Feel free to view the page at the following url http://www.netunification.com/demo/

I spoke with a friend and he speculates IE is having problems with the float command. I'm not so sure of this because I used the same CSS techniques while building the following site (http://www.the904.com/demo/).

The904 page renders perfectly in IE and I can't figure out what the difference is between the pages. I thought I used the same concept with both pages.

I've been trouble shooting the problem for a couple of days now, but I haven't had any luck. Can please someone take a look at my net u page (http://www.netunification.com/demo/) and suggest a solution

Thanks in advance for any/all assistance. Your time and effort is greatly appreciated!

Walt
_Aerospace_Eng_
09-10-2006, 08:20 AM
It really helps when you have valid coding. Yours is not. This is wrong
<li><a href="#" title="Blog"><span>Blog</span></a></li>

<div id="DivCurrent"><li><a href="#" title="Home"><span>Home</span></a></li></div>
</ul>
and it is also the reason why its stopping the CSS from rendering. Change it to
<li><a href="#" title="Blog"><span>Blog</span></a></li>

<li><div id="DivCurrent"><a href="#" title="Home"><span>Home</span></a></div></li>
</ul>
instudios
09-10-2006, 03:15 PM
I've validated my code to XHTML 1.0 Strict standards with one error (http://http://validator.w3.org/check?uri=www.netunification.com%2Fdemo) remaining and things are beginning to look a lot better. I can't seem to pinpoint where the last error is coming from. Do you have any ideas?

And for some reason I'm having a positioning problem with my Headliner text in IE (PC). Again, it looks fine in other browsers, but it's not rendering properly in IE. Any suggestions?

Thanks again for putting me in the right direction. This is a big help!

Walt
_Aerospace_Eng_
09-10-2006, 05:16 PM
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Net Unification</title>

<link href="css/master.css" rel="stylesheet" type="text/css" />
<style type="text/css">
Your header seemed to be messed up in Firefox as well. Removing the part here in red seems to fix it.
#DivWrapper #DivPhrase {
text-align: center;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 34px;
font-weight: bold;
letter-spacing: -2px;
width: 800px;
margin-top: 185px;
}
instudios
09-10-2006, 06:49 PM
Someone recomended that I change my XHTML 1.0 transitional to XHTML 1.0 Strict. They recommeded that I change my beginning html code to reflect it. Once I did this the positioning on my page became worse. I now have a huge gap/space at the top of the page. The bad thing is that the gap/space didn’t go away after I changed my code to reflect the XHTML 1.0 Strict.

During this time I also deleted the html tage and the margin tag that you specified, and the positioning for my catch phrase seemed to get worse on my browser (Firefox and Safari for Mac). I'm wracking my brain now because it seems like I can't get a unified look across various multiplatform browsers...I don't know what to do to fix it now.

Walt
instudios
09-12-2006, 02:44 AM
Mr _Aerospace_Eng_,
I'm still having rendering problems. It's not rendering correctly in either of the browsers that I've tested it in (Firefox (Mac) and Internet Explorer (PC)). I've created a page with snap shots of exactly what I'm seeing on my end. The link is:

http://www.netunification.com/demo/reply.html

Please take a look at it and let me know what you think. I'm at a lost for the moment...
instudios
09-13-2006, 02:46 AM
No one has posted in this section in a while, and I was just hoping that I wasn't forgotten about. Please let know if come across anything that help me with my issue. Thanks...