HTML and CSS RSS HTML and CSS RSS

Need Help!!! Internet Explore not reading my webpage...

Thread Solved

•
•
Join Date: Sep 2006
Posts: 181
Reputation: PcPro12 is an unknown quantity at this point 
Solved Threads: 6
PcPro12 PcPro12 is offline Offline
Junior Poster

Need Help!!! Internet Explore not reading my webpage...

 
0
  #1
Dec 30th, 2008
I have a question as to why Internet Explore won't read my webpage...yet Firefox and Opera read it just fine...

To me, it seems that internet explore is disregarding my external CSS file...because when I launch the index.html file, IE reads it without the CSS file...I don't know why though...BUT...when I created another HTML file and linked ANOTHER CSS file that I quickly made, it worked fine...So it must be the CSS code or something...

Here is the HTML code...

HTML and CSS Syntax (Toggle Plain Text) 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html>
  4. <head>
  5. <title>My Homepage</title>
  6. <link rel="stylesheet type="text/css" href="index.css"> 
  7. </head> 
  8. <body> 
  9. <div id="wrapper"> 
  10. <div id="header"> 
  11. <h1> My Homepage</h1> 
  12. </div> 
  13. <div id="main"> 
  14. <h2> Welcome to my Homepage</h2> 
  15. </div> 
  16. <div id="wrapper2"> 
  17. <div id="nav2"> 
  18. <a class="button" href="page1.html"> <span> Page 1</span> </a> 
  19. <a class="button" href="page2.html"> <span> Page 2</span> </a> 
  20. </div> 
  21. </div
  22. <div id="footer"> 
  23. <A HREF="http://www.freebuttons.com/"> <IMG SRC="http://www.freebuttons.com/ima/banner2.gif" WIDTH=88 HEIGHT=31 BORDER=0 ALT="FreeButtons"> </A>  
  24. </div> 
  25. </div> 
  26. </body> 
  27. </html>

And here is the CSS code...

HTML and CSS Syntax (Toggle Plain Text) 
  1. body {
  2. 	background-color: #00008B;
  3. 	font-size: 12px;
  4. 	font-family:Verdana, Arial, Helvetica, sans-serif;
  5. }
  6. div#wrapper {
  7.  	width: 100%;
  8. 	background-color: #87CEFA;
  9. 	margin-top: auto;
  10. 	margin-bottom: 50px;
  11. 	margin-left: auto;
  12. 	margin-right: auto;
  13. 	padding: 0px;
  14. 	border: thin solid #FF0000;
  15. }
  16. div#header {
  17. 	padding: 15px;
  18. 	margin: 0px;
  19. 	text-align: center;
  20. 	text-decoration: underline;
  21. 	font-size: 1.5em;
  22. 	color: rgb(100,100,150);
  23. }
  24. div#wrapper2 {
  25.  	width: 10.4%;
  26. 	background-color: #87CEFA;
  27. 	margin-top: 50px;
  28. 	margin-bottom: 50px;
  29. 	margin-left: 0px;
  30. 	margin-right: 50px;
  31. 	padding: 5px;
  32. 	border: thin solid #FF0000;
  33. }
  34. div#nav {
  35. 	width: 25%;
  36. 	padding: 10px;
  37. 	margin-top: 10px;
  38. 	float: auto;
  39. }
  40. div#main {
  41. 	margin-left: 30%;
  42. 	margin-top: 1px;
  43. 	padding: 10px;
  44. }
  45. div#footer {
  46. 	padding: 15px;
  47. 	margin: 0px;
  48. 	border-top: thin solid #FF0000;
  49. }
  50. a:link {
  51. 	text-decoration: overline;
  52. }
  53. a:visited {
  54. 	text-decoration: none;
  55. }
  56. a:hover {
  57. 	text-decoration: underline;
  58. }
  59. a:active {
  60. 	text-decoration: none;
  61. }
  62. div#footer ul li{
  63. 	color: #000000;
  64. 	background-color: transparent;
  65. 	display: inline;
  66. }
  67. div#footer ul li a{
  68. 	color: #115EAC;
  69. 	background-color: transparent;
  70. 	text-decoration: none;
  71. }
  72. div#footer ul li a:hover{
  73. 	text-decoration: none;
  74. }
  75.  
  76. .clear {
  77. 	overflow: hidden;
  78. 	width: 100%;
  79. }
  80. a.button {
  81. 	background: transparent url('http://www.freebuttons.com/freebuttons/Neon/NeonDh4.gif');
  82. 	color: white;
  83. 	display: block;
  84. 	float: auto;
  85. 	font: normal 12px arial, sans-serif;
  86. 	height: 24px;
  87. 	margin-right: 0px;
  88. 	padding: right: 18px; /* slidding doors padding */
  89. 	text-decoration: none;
  90. }
  91.  
  92. a.button span {
  93. 	background: transparent url ('http://www.freebuttons.com/freebuttons/Neon/NeonDa4.gif');
  94. 	display: block;
  95. 	line-height: 14px;
  96. 	padding: 5px 0 5px 20px;
  97. }
  98.  
  99. a.button:active {
  100. 	background-position: bottom right;
  101. 	color: #000;
  102. 	outline: none; /*hide dotted outline in Firefox */
  103. }
  104.  
  105. a.button:active span {
  106. 	background-position: bottom left;
  107. 	padding: 6px 0 4px 18px; /*push text down lpx */
  108. }

Im thinking it must be an Error inside the CSS file...I've deleted each section at one time in the CSS file and tested it, didn't work...I've deleted the ENTIRE DIV section, didn't work...in my test file, DIV worked and so did the CSS file...I created 2 new files, HTML and CSS, and copied the text from the old files into the new and saved it under a new name and still doesn't work...

I'm fairly new to HTML and CSS, so I'm kinda stuck...

It works fine in others browsers EXCEPT Internet Explore...and I want it to work with all browsers...

Anyone know what the problem is?

Thanks
Regards,
PcPro12
Reply With Quote Quick reply to this message  
•
•
Join Date: Sep 2006
Posts: 181
Reputation: PcPro12 is an unknown quantity at this point 
Solved Threads: 6
PcPro12 PcPro12 is offline Offline
Junior Poster

Re: Need Help!!! Internet Explore not reading my webpage...

 
0
  #2
Dec 30th, 2008
I've fixed the problem...I can't believe firefox and opera overlooked this problem...

<title>My Homepage</title>
<link rel="stylesheet type="text/css" href="index.css">
</head>

I missed a quotation mark ( " ) after stylesheet...and that didnt read the CSS file correctly in internet explore...

anyway, sorry for taking your time
Reply With Quote Quick reply to this message  
•
•
Join Date: Jul 2008
Posts: 101
Reputation: ingeva is an unknown quantity at this point 
Solved Threads: 9
ingeva ingeva is offline Offline
Junior Poster

Re: Need Help!!! Internet Explore not reading my webpage...

 
0
  #3
Dec 31st, 2008
•
•
•
•
Originally Posted by PcPro12 View Post
I've fixed the problem...I can't believe firefox and opera overlooked this problem...
Actually it's IE that overlooked the problem.
For XHTML, quotes are required in this context, so FireFox and Opera handled it per definition. However, the error reporting is lousy for all browsers, possible in order to give the users the impression that errors can be fixed by ignoring them.
Reply With Quote Quick reply to this message  
•
•
Join Date: Sep 2006
Posts: 181
Reputation: PcPro12 is an unknown quantity at this point 
Solved Threads: 6
PcPro12 PcPro12 is offline Offline
Junior Poster

Re: Need Help!!! Internet Explore not reading my webpage...

 
0
  #4
Dec 31st, 2008
ohh...i see...im pretty new to this stuff...working my way up...so im still learning
Reply With Quote Quick reply to this message  
Reply

Quick Reply to Thread
This thread has been marked solved.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC