Preview in Browser Doesn't Show Content?

Report · May 05, 2017

I have designed and produced a 15-page website - all pages but one (the homepage) using the same template. I'm not sure when, but partway through creating the site, something went wrong - when I press the "Preview/Debug in Browser" button on any page except the homepage, the page that comes up has no content on it. However, the blank page isn't completely empty as it does show the background colour that I set in the Page Properties and the scrollbar, which I also customised the colour of. I tested this aspect of the problem by changing the background colour of the template and then previewing one of the pages: the background colour change did show on the in-browser page.

I am a complete beginner - this is my first experience with Dreamweaver as I have to use it for my ICT coursework. I am working with Macromedia Dreamweaver 8, and I'm not using any server technology for this site (as instructed by my teacher). Please advise

Report · May 05, 2017

Can you paste the code to one of these pages in the forum, along with any css you may have used?

Report · May 08, 2017

I replied to Jon Fritz II with the code

Report · May 08, 2017

cryopnea wrote
I replied to Jon Fritz II with the code

I see content if I view in DW CS4 which is a later version than DW 8 so your version should be showing you content.

What I can see in your code is a comment tag  before the end of the closing </style> tag. The closing comment tag is mixed in with your css selectors (see below) it should NOT be there.

-->

html {

scrollbar-highlight-color:#fd6b44;

scrollbar-shadow-color:#e54318;

scrollbar-track-color:#efefef;

scrollbar-face-color:#fc4a1a;

scrollbar-arrow-color:#fc4a1a;

scrollbar-darkshadow-color:#e54318;

scrollbar-3dlight-color:#fd9876;

scrollbar-width:5px;}

.block_on {

display:block;

visibility:visible;

}

.block_off {

display:none;

visibility:hidden;

list-style-type:none;

width:0px;

}

</style>

Also same again you have an opening comment tag after the opening <script> tag in your code but no closing comment tag --> before your closing </script> tag

<!--

You actually don't need any of these comment tags at all but if you do use them you need to make sure they are balanced i.e ., have an opening and closing tag pair.

That has been know to cause a page to choke and display nothing. Can you either remove all those comment tags or pair them up and see if that solves the problem.

Report · May 08, 2017

Thanks for the quick reply! I didn't even notice I had left them there. I just removed them, and it works great Thanks for the help!

Report · May 05, 2017

Without seeing the code it's all guesswork.

I'm guessing you have an unclosed <title> tagset (or other major structural defect) and the browser is putting the entire code into the title bar.

Run your page through the validation tool under File > Validate > Validate Current Document (W3C) or go to http://validator.w3.org/nu to get a listing of any html errors you have. Repairing those errors will likely bring the site back.

Report · May 08, 2017

Is there a way I can link the code to you, or do I just copy & paste it here?

This is probably impractical, so sorry for the inconvenience, but here's the code for the template:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Document</title>

<!--

body {

background-color: #efefef;

}

a:link {

color: #fc4a1a;

text-decoration: none;

}

a:visited {

text-decoration: none;

color: #021320;

}

.buttonstyle {

font-family: "Courier New", Courier, monospace;

color: #Fc4a1a;

background-color: efefef;

border-top-style: double;

border-right-style: double;

border-bottom-style: double;

border-left-style: double;

border-top-color: #021320;

border-right-color: #021320;

border-bottom-color: #021320;

border-left-color: #021320;

border-radius: 2px;

border: 1px;

}

a:hover {

text-decoration: underline;

color: #fc4a1a;

}

a:active {

text-decoration: none;

color: #021320;

}

h1,h2,h3,h4,h5,h6 {

font-family: Geneva, Arial, Helvetica, sans-serif;

}

.header {

background: #fc4a1a;

width: 100%

}

.style1 {color: #efefef}

.style2 {

font-size: xx-large;

color: #efefef;

font-family: Geneva, Arial, Helvetica, sans-serif;

}

.style3 {

font-size: xx-large;

text-align: inherit;

}

.footer {

background:#062f4f;

color:#efefef;}

.style4 {color: #021320; background: #fc4a1a; font-size: xx-large;}

.style6 {font-size: xx-large; color: #021320; font-family: Geneva, Arial, Helvetica, sans-serif; }

.signintext {

font-size: xx-large;

color: #021320;

font-family: Geneva, Arial, Helvetica, sans-serif;

border:#021320 1px double;

background: #efefef;

}

-->

html {

scrollbar-highlight-color:#fd6b44;

scrollbar-shadow-color:#e54318;

scrollbar-track-color:#efefef;

scrollbar-face-color:#fc4a1a;

scrollbar-arrow-color:#fc4a1a;

scrollbar-darkshadow-color:#e54318;

scrollbar-3dlight-color:#fd9876;

scrollbar-width:5px;}

.block_on {

display:block;

visibility:visible;

}

.block_off {

display:none;

visibility:hidden;

list-style-type:none;

width:0px;

}

</style>

<!--

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

if (a.indexOf("#")!=0){ d.MM_p=new Image; d.MM_p[j++].src=a;}}

}

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d)&&d.all) x=d.all; for (i=0;!x&&i<d.forms.length;i++) x=d.forms;

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

}

function MM_nbGroup(event, grpName) { //v6.0

var i,img,nbArr,args=MM_nbGroup.arguments;

if (event == "init" && args.length > 2) {

if ((img = MM_findObj(args[2])) != null && !img.MM_init) {

img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;

if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();

nbArr[nbArr.length] = img;

for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args)) != null) {

if (!img.MM_up) img.MM_up = img.src;

img.src = img.MM_dn = args[i+1];

nbArr[nbArr.length] = img;

} }

} else if (event == "over") {

document.MM_nbOver = nbArr = new Array();

for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args)) != null) {

if (!img.MM_up) img.MM_up = img.src;

img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);

nbArr[nbArr.length] = img;

}

} else if (event == "out" ) {

for (i=0; i < document.MM_nbOver.length; i++) {

img = document.MM_nbOver; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }

} else if (event == "down") {

nbArr = document[grpName];

if (nbArr)

for (i=0; i < nbArr.length; i++) { img=nbArr; img.src = img.MM_up; img.MM_dn = 0; }

document[grpName] = nbArr = new Array();

for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args)) != null) {

if (!img.MM_up) img.MM_up = img.src;

img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;

nbArr[nbArr.length] = img;

} }

}

</script>

</head>

<tr>

<td width="777"><span class="style2">MobileWorldStation</span></td>

</form>

function toggleMe(a){

var e=document.getElementById(a);

var i = document.getElementById(a + '_image');

if(!e)return true;

if(e.style.display=="none"){

e.style.display="block"

} else {

e.style.display="none"

}

return false;

}

</script>

</div>

</label></td>

</tr>

</table>

<tr>

</tr>

<tr>

</tr>

</table>

</div>

<tr>

<td width="504" height="76" valign="top"><span class="style3">PageName—</span></td>

</tr>

</table>

Content1

<div class="footer">

<tr>

<p><a href="MWS_contactus.html">CONTACT US </a></p></td>

<td width="645">Footer content, copyrights, ackowledgements, etc. </td>

</tr>

</table>

</div>

</body>

</html>

Preview in Browser Doesn't Show Content?

1 Correct answer