Solved

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

Posted on 2007-12-02
3
1,319 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

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Today, still in the boom of Apple, PC's and products, nearly 50% of the computer users use Windows as graphical operating systems. If you are among those users who love windows, but are grappling to keep the system's hard drive optimized, then you s…
The purpose of this video is to demonstrate how to reset a WordPress password if you are locked out and cannot reset the password. A typical use would be if you cannot access the email to which WordPress would send the password recovery email to…
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…

789 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