PDA

View Full Version : Hey Preview in Browser, my peepers called, they want their Preview back!


BradS
06-02-2011, 09:40 PM
Hey fellow designers ( i m a g i n a r y l i n e b r e a k ) I've been maintaining a site for years on CS3, and a problem occurred for the first time ever yesterday. Up until yesterday, preview in browser worked perfectly for both IE and Firefox. ( i m a g i n a r y l i n e b r e a k ) Currently, preview in browser presents an apparently blank white page; when viewing source from the browser all of the expected code is present. ( i m a g i n a r y l i n e b r e a k ) The problem occurred after I made some minor changes to the pages that the navigation links generate in _self. I refreshed all local files with files from the web after the problem, and the problem is still occurring. All of the tags appear to be correctly closed by the end of the document. ( i m a g i n a r y l i n e b r e a k ) Could you suggest some troubleshooting ideas, because I'm not sure what else to look at? ( i m a g i n a r y l i n e b r e a k ) Thanks Sincerely

DWcourse
06-02-2011, 09:53 PM
It would be best if you could post a link to a sample online or, if that's not possible, the code.

Also, when you say "navigation links generate in _self" are you talking about loading existing pages (rather than generating them) into the same frame as the link?

If so, my first suggestion would be not to use frames.

My second suggestion would be to realize that when previewing local files, the links may not work correctly if they are relative to the site root.

BradS
06-03-2011, 05:55 PM
Hey DWCourse, thanks so much for your reply.

It would be best if you could post a link to a sample online or, if that's not possible, the code.
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >

<head>
<link rel=styleSheet href="style.css" type="text/css" media=screen>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Welcome to the site</title>
<meta name="Author" content="Web Site" />
<meta name="description" content="Free Web tutorials" />
<meta name="keywords" content="work with us" />
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />
</head>

<div id="body">
<div id="header">
<img src="Images/title_main.jpg" alt="contact info" >
</div>

<div id="navlist">

<img src="Images/logo_med.png" alt="The Web Site" width=100%></img>
<li><a href="main.htm">Main</a></li>
<li><a href="contactOffice.htm">Oprah item</a></li>
</div>

<div id="contents">
<table width="75%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th width="3%" scope="col">&nbsp;</th>
<th width="97%" height="25%" scope="col" align="center">
<a href="contactOffice.htm" target="_self"><a href="contactOffice.htm" target="_self"><a href="contactOffice.htm" target="_self"></a><a href="contactOffice.htm" target="_self"><img src="Images/office.jpg" alt="3832 North 24th St Phoenix 85016" width="100%" height="100%" border="0" /></a><br />
<h4>endearing logo</h4>
</tr>
</table>
</div></div>
</body>
</html>
Also, when you say "navigation links generate in _self" are you talking about loading existing pages (rather than generating them) into the same frame as the link?Yes sir, navigation linked pages are loading into and replacing the current page with an existing page from the server.

If so, my first suggestion would be not to use frames.I recently switched to css from frames, no frames in use any more!


My second suggestion would be to realize that when previewing local files, the links may not work correctly if they are relative to the site root.Is there a setting in Dreamweaver that will quickly change this? The problem I am experiencing (Preview in Browser presents a blank white page [...but the html and css are present from the "view source" context menu command]) seemed to happen spontaneously (I've been Previewing in Browser with this same website without a problem for multiple years)... and the exact same copies of the pages appear and are functional as the website when live from the server.

Please let me know if I can provide any more helpful information.

BradS
06-03-2011, 06:17 PM
Hey DWCourse, thanks so much for your reply.

It would be best if you could post a link to a sample online or, if that's not possible, the code.
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >

<head>
<link rel=styleSheet href="style.css" type="text/css" media=screen>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Welcome to the site</title>
<meta name="Author" content="Web Site" />
<meta name="description" content="Free Web tutorials" />
<meta name="keywords" content="work with us" />
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />
</head>

<div id="body">
<div id="header">
<img src="Images/title_main.jpg" alt="contact info" >
</div>

<div id="navlist">

<img src="Images/logo_med.png" alt="The Web Site" width=100%></img>
<li><a href="main.htm">Main</a></li>
<li><a href="contactOffice.htm">Oprah item</a></li>
</div>

<div id="contents">
<table width="75%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th width="3%" scope="col">&nbsp;</th>
<th width="97%" height="25%" scope="col" align="center">
<a href="contactOffice.htm" target="_self">
<img src="Images/office.jpg" alt="street" width="100%" height="100%" border="0" /></a><br />
<h4>endearing logo</h4>
</tr>
</table>
</div></div>
</body>
</html>
Also, when you say "navigation links generate in _self" are you talking about loading existing pages (rather than generating them) into the same frame as the link?Yes sir, navigation linked pages are loading into and replacing the current page with an existing page from the server.

If so, my first suggestion would be not to use frames.I recently switched to css from frames, no frames in use any more!


My second suggestion would be to realize that when previewing local files, the links may not work correctly if they are relative to the site root.Is there a setting in Dreamweaver that will quickly change this? The problem I am experiencing (Preview in Browser presents a blank white page [...but the html and css are present from the "view source" context menu command]) seemed to happen spontaneously (I've been Previewing in Browser with this same website without a problem for multiple years)... and the exact same copies of the pages appear and are functional as the website when live from the server.

And my style sheet... although I don't recall doing anything that would inadvertently change the z-index...

#body {
overflow:hidden;
position:absolute;
top:3px;
left:10px;
right:0;
border:0;
height:auto;
max-height:100%;
background:#000000;









z-index:0
list-style: none;
letter-spacing: 0.05em;
}

#header {
position:absolute;
height: 125;
left: 0;
top: 0;
text-align: center;
z-index: 90;
width:100%;
overflow:hidden;
background:#064360;
color:#fff;
}

h1 {
font-family: "New Century Schoolbook", Times, serif ;;
font-size: 100%;
color: #fff;
display: inline;
text-align:left;
}


h2 {
font-family: "New Century Schoolbook", Times, serif ;;
font-size: 100%;
font-weight: bold;
color: #fff;
display: inline;
}

h3 {
font-family: "New Century Schoolbook", Times, serif ;;
font-size: 100%;
font-style:italic;
color: #fff;
display: inline;
}

h4 {
font-family:"Calibri", Garamond, Verdana, sans-serif;
font-size: 110%;
font-weight: bold;
font-style:italic;
color: #fff;
display: inline;
}

h5 {
font-family: "New Century Schoolbook", Times, serif ;
font-size: 100%;
font-weight: bold;
font-style:italic;
color: #fff;
text-align: center;
display: inline;
}

img.floatLeft {
float: left;
margin: 4px;
}
img.floatRight {
float: right;
margin: 4px;
}

#photothumb {
border:.25em solid black;
width:70%;
padding:10px;
background-image:url(biglilbg.jpg);
letter-spacing: 0.02em;
list-style: none;
font-size: 75%;
color: #ffffff;
}

#photothumb li {
text-decoration: bold;
color: #ffffff;
}

#photothumb a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
text-decoration: none;
color: #ADFF2F;
}

#photothumb li a:link {
color: #ffffff;
margin: .2em 0;
padding: 5px 5px 5px 5px;
}

#photothumb a:visited {
color: #FBA16C;


}


#photothumb a:hover {
color: #FF8040;
}






#navlist {
z-index: 55;
position:absolute;
font-family: "Calibri", Garamond, Verdana, sans-serif;
text-align: center;
top: 150px;
width: 135px;
border-style: solid solid solid solid;
border-color: #fff;
border-size: 4px;
border-width: 4px;
font-weight:bold;
letter-spacing: 0.02em;
list-style: none; }

#navlist li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
text-decoration: none;
}

#navlist li a:link {
color: #ffffff;
margin: .2em 0

padding: 5px 5px 5px 5px;
}

#navlist li a:visited {
color: #ffffff;


}


#navlist li a:hover {
color: #FF8040;
}


#behindimg {
position:absolute;
top:75px;
left:15%;
bottom:0px;
right:15%;
padding: 40px;
overflow:auto;
background:#68a0ca;
z-index: 51;
list-style: none;
}


table {
margin-left:auto;
margin-right:auto
font-family: "New Century Schoolbook", Times, serif ;;
font-size: 100%;
color: #fff;
display: inline;
font-weight:bold;

}

#contents {
position:absolute;
top:25px;
left:15%;
bottom:0px;
right:15%;
padding: 40px;
overflow:auto;
background:#68a0ca;
z-index: 50;
list-style: none;
background-color: #68a0ca;
}
Please let me know if I can provide any more helpful information.

DWcourse
06-03-2011, 06:21 PM
You need to replace <div id="body"> with <body>

<body> is a unique HTML tag it is not a type of div.

BradS
06-03-2011, 06:31 PM
Wow, that completely worked. This seems especially strange considering I've had body as a div element for months, without PIB problems.

Much thanks to you and your sharp eye.