Edit the body markup to this:-
Code:
<body style="background: #3a6999;">
<!--<body bgcolor="3a6999"> this is an outdated method-->
Fot the text in the div inside a div, you haven't coded any yet. Try this:-
Code:
<!DOCTYPE HTML>
<html>
<head><title>The Interdisciplinary Society for Quantitative Research in
Music and Medicine</title>
<link href=’isqrmm.org’ rel=’shortcut icon’ type=’image/x-icon‘/>
<link type="text/css" rel="stylesheet" href="style.css" />
</head>
<body style="background: #3a6999;">
<!--<body bgcolor="3a6999">-->
<div id="content" style="background-color: #ffffff; width: 800px; height:
1000px; width: width: 700px; margin-left: auto; margin-right: auto;">
<img src="images/header.gif" width="800">
<div id="left" style="background-color: #cccccc; width: 210px; height:
800px;">
<div id="navigation" style="background-image: url(images/keys.jpg);
width: 200px; height: 500px;">
<pre><font style"font-family: times new roman;">
<br><br>
Text in div
</pre></div>
</div>
</div>
</body>
</html>
When using <pre>.......</pre> you shouldn't have to use <br> as the pre tag should retain line spaces when you copy/paste a block of text from somewhere. It should keep the layout the same.
Code downloaded to my PC will be deleted in due course.
WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.