Web Design Forum: I.E 8 (and possibly older version) don't display page contents! - Web Design Forum

Jump to content

WDF
WDF Premium Memberships Reseller Hosting
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

I.E 8 (and possibly older version) don't display page contents! Chrome and Firefox are ok but why not I.E? Rate Topic: -----

#1 User is offline   bayrunnermillion 

  • Forum Newcomer
  • Pip
  • Group: Members
  • Posts: 4
  • Joined: 18-November 10
  • Reputation: 0

Posted 18 November 2010 - 02:53 PM

Hi
Quick question - hopefully someone can help!

Just checking a recent site change and found out that whilst this page http://www.soulbroth...ustarrived.html displays fine in Chrome and Firefox, I.E (8) doesn't show the content, just the blue background. Anyone know how this can be fixed? Driving me nuts and it's an integral part of the site

Thanks a lot in advance
0

#2 User is online   zed 

  • Web Guru
  • Group: Moderators
  • Posts: 4,941
  • Joined: 25-May 10
  • Reputation: 703
  • Gender:Male
  • Experience:Intermediate
  • Area of Expertise:Designer/Coder

Posted 18 November 2010 - 03:39 PM

don't blame IE for it, your commented out code spans the <body> tag.
0

#3 User is offline   bayrunnermillion 

  • Forum Newcomer
  • Pip
  • Group: Members
  • Posts: 4
  • Joined: 18-November 10
  • Reputation: 0

Posted 18 November 2010 - 03:44 PM

View Postzed, on 18 November 2010 - 03:39 PM, said:

don't blame IE for it, your commented out code spans the <body> tag.


Thanks for replying. I'm a bit of a total novice when it comes to web design/building...can you give me an idiot's guide to what I did exactly and how to fix it...guessing it's possibly dead easy but like I say - I hold me hands up and admit my knowledge is pretty much entry level, if that! :give_rose:
0

#4 User is online   zed 

  • Web Guru
  • Group: Moderators
  • Posts: 4,941
  • Joined: 25-May 10
  • Reputation: 703
  • Gender:Male
  • Experience:Intermediate
  • Area of Expertise:Designer/Coder

Posted 18 November 2010 - 03:56 PM

if you're in IE, try view source and look at the green code.

or 
<style type="text/css" media="screen" @import url("menuh.css")/>
<!--
#menuh-container {
	font-size: 1em;
	position: relative;
	top:0;
	left: 5%;
	width: 75%;
	margin: 0px;
	border: 1px solid white;
}
 
    #reviews tbody tr td {
      background-color: #eee;
    }
    #reviews tbody tr.odd  td {
      background-color: #fff;
    }
  .style1 {color: #FFFFFF}
.style11 {	color: #FF0000;
	font-weight: bold;
}
.style2 {font-family: Arial, Helvetica, sans-serif}
</style>
<link href="http://www.soulbrother.com/menuh.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper"><!-- #BeginLibraryItem "/library/header.lbi" -->


You see you <!-- as the start of commenting out some code. The --> is the end of this, so you want to move this to, I guess, after </style>
0

#5 User is offline   bayrunnermillion 

  • Forum Newcomer
  • Pip
  • Group: Members
  • Posts: 4
  • Joined: 18-November 10
  • Reputation: 0

Posted 18 November 2010 - 04:08 PM

View Postzed, on 18 November 2010 - 03:56 PM, said:

if you're in IE, try view source and look at the green code.

or 
<style type="text/css" media="screen" @import url("menuh.css")/>
<!--
#menuh-container {
	font-size: 1em;
	position: relative;
	top:0;
	left: 5%;
	width: 75%;
	margin: 0px;
	border: 1px solid white;
}
 
    #reviews tbody tr td {
      background-color: #eee;
    }
    #reviews tbody tr.odd  td {
      background-color: #fff;
    }
  .style1 {color: #FFFFFF}
.style11 {	color: #FF0000;
	font-weight: bold;
}
.style2 {font-family: Arial, Helvetica, sans-serif}
</style>
<link href="http://www.soulbrother.com/menuh.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper"><!-- #BeginLibraryItem "/library/header.lbi" -->


You see you <!-- as the start of commenting out some code. The --> is the end of this, so you want to move this to, I guess, after </style>

Brilliant - thanks so much! That's fixed it (though I see I.E does something odd with my drop down lists - or probably me again)

:drinks:
0

#6 User is offline   Wickham 

  • Web Guru
  • View gallery
  • Group: Moderators
  • Posts: 2,875
  • Joined: 11-June 09
  • Reputation: 257
  • Gender:Male
  • Location:Salisbury UK
  • Experience:Intermediate
  • Area of Expertise:Web Developer

Posted 19 November 2010 - 08:03 AM

A minor addition to what Zed said. The opening style comment tag spans the body tag because it was unclosed.

The style tag has an opening comment <!-- after it 
<style type="text/css" media="screen" @import url("menuh.css")/>
<!--

but no closing tag so the end of the style tag needs the missing closing comment tag inserted just before the </style> (always close tags in the reverse order that they were opened)
-->
</style>


This comment after the body tag
<!-- #BeginLibraryItem "/library/header.lbi" -->

has opening <!-- and closing --> tags so that's OK.
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users