Solved

Placing a "saved from url" comment in web page breaks CSS

Posted on 2007-12-02
3
1,316 Views
Last Modified: 2013-12-08
I have a simple example of HTML/CSS. Due to javascript being active in a web page, and having to run the file locally I HAVE to include the comment <!-- saved from url=(0014)about:internet --> at the top of my web page. However when I applied it, it broke my CSS.

1st code. Two divs, one centres the text and tries to border it. It manages to centre but does not contain border...see first code snippet

2nd code snippet straight below first, includes the <!-- saved from url=(0014)about:internet --> at the top. The page does not apply centre formatting and does have a border around it...
Confused, can anyone help?


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Skinning TabView</title>
<style type="text/css">
 
body {
	margin:0;
	padding:0;
}
 
div#centre {
width:85%;
border: 2px solid grey;
margin-left: auto;
margin-right: auto;
}
 
div#titleText{
font-weight: bold;
font-size: 1.5em;
}
 
</style>
 
</head>
 
<body>
 
<h1>Skinning TabView</h1>
<div id="centre">
<div id="titleText"> Title goes here<br /></div>
 
This text is supposed to be centred and have a border round it. More text to line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to line break.
</div>
 
</body>
</html>
 
 
<!-- saved from url=(0014)about:internet -->
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Skinning TabView</title>
<style type="text/css">
 
body {
	margin:0;
	padding:0;
}
 
div#centre {
width:85%;
border: 2px solid grey;
margin-left: auto;
margin-right: auto;
}
 
div#titleText{
font-weight: bold;
font-size: 1.5em;
}
 
</style>
 
</head>
 
<body>
 
<h1>Skinning TabView</h1>
<div id="centre">
<div id="titleText"> Title goes here<br /></div>
 
This text is supposed to be centred and have a border round it. More text to line break. More text to line break. More text to line break. More text to 
 
line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to 
 
line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to 
 
line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to line break. More text to 
 
line break. More text to line break. More text to line break.
</div>
 
</body>
</html>

Open in new window

0
Comment
Question by:Donnaa5dcp
  • 2
3 Comments
 
LVL 28

Accepted Solution

by:
gamebits earned 500 total points
ID: 20391183
Try to put the comment after the doctype declaration.

Doctype must be the first line on an html document
0
 
LVL 5

Author Closing Comment

by:Donnaa5dcp
ID: 31412188
superb!
0
 
LVL 28

Expert Comment

by:gamebits
ID: 20391295
Thanks for the points and the grade.
0

Featured Post

Windows Server 2016: All you need to know

Learn about Hyper-V features that increase functionality and usability of Microsoft Windows Server 2016. Also, throughout this eBook, you’ll find some basic PowerShell examples that will help you leverage the scripts in your environments!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Do you come here a lot? Are you lazy like me and don't want to go through the "trouble" of having to click your Dock's Safari icon and then having to click your Experts Exchange Favorites bookmark to get here? Well then this article is for you.
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

803 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question