DW seems to be working ok now. I've fiddled about a bit more and found an easier lay out. But there is still a browser problem. I've been told not to trust the DW preview so much. But it all goes to pot in browsers!
This is how it looks in Dw:
http://i13.photobucket.com/albums/a300/hsellors/Picture4.png
This is how it looks in Safari:
None of the CSS for the font has picked up. It is in default Times New Roman. The "album" div to the right side has moved out of place. The orange background no longer shows up.
http://i13.photobucket.com/albums/a300/hsellors/Picture5-1.png
This is how it looks in Mozilla:
The header image doesn't show. The album Div is misplaced. However the orange background and font style show fine.
http://i13.photobucket.com/albums/a300/hsellors/Picture6.png
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Welcome to Project Lumino</title>
<link href="210508.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><img src="headerlarge.jpg" alt="Project Lumino Site" width="834" height="107"/></h1>
</div>
<div id="navigation">
<ul>
<li>Home </li>
<li>Biography </li>
<li>Gallery</li>
<li>Music</li>
<li> Merchandise </li>
<li>Links</li>
</ul>
</div>
<div id="main">
<h1> </h1>
<h1>News</h1>
<p><strong><u>18.03.08</u></strong>
<p>textextextetxtetxtetxtetextextextextextextextextte xtextextetxtetxtetxtetextex
extextextextextexttextextextetxtetxtetxtetextextex textextextextexttextextextetxt
txtetxtetextextextextextextextexttextextextetxtetx tetxtetextextextextextextextex
</p>
<p>textextextetxtetxtetxtetextextextextextextextextte xtextextetxtetxtetxtetextex
extextextextextexttextextextetxtetxtetxtetextextex textextextextexttextextextetxt
txtetxtetextextextextextextextexttextextextetxtetx tetxtetextextextextextextextex
textextextetxtetxtetxtetextextextextextextextext</p>
</div>
<p>textextextetxtetxtetxtetextextextextextextextextte xtextextetxtetxtetxtetextex
extextextextextexttextextextetxtetxtetxtetextextex textextextextexttextextextetxt
txtetxtetextextextextextextextext.<br />
</p>
<p>Hope all is well and give me any feedback you can on my new song!!!</p>
<hr />
<p><u><strong>06.01.08</strong></u></p>
<p>I am now hand making the "Waking Up" album. Each cd cover will be made personally by myself for each order and they will all be unique. The cd's will be limited and will stop when the limited number is reached.</p>
<p>Two extra bonus tracks are included: <br />
- Dont React ft Peppi Knott<br />
- Early Days (re mixed & mastered) </p>
<p>To pay for it all you need is a Paypal account and submit £10 to the email address: buywakingup@hotmail.co.uk. The page should look like this:</p>
<p>Main Page> Send Money></p>
<p>To: buywakingup@hotmail.co.uk<br />
Amount: 10<br />
Currency: GBP British Pounds<br />
Usage: Gift›</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>
<p>
</div>
<div id="album">
<img src="../PL FINAL COVER.jpg" alt="Waking Up" width="176" height="180"/>
<h2>Debut Album - Waking Up</h2>
<p>If you would like to listen to my album it is available to purchase from:</p>
<li>iTunes</li>
<li>Amazon mp3</li>
<p>To order a special hand-made album you will need a Paypal account. </p>
</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
</body>
</html>
</div>
Here is the CSS
/* CSS Document */
@charset "utf-8";
/* CSS Document */
body {
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#FF9933;
margin-left:250px;
margin-right:250px;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}
h1, h2, h3, h4 {color:#000000; font-weight:bold; text-transform:capitalize; font-size:12px;}
h1 {
margin:0px;
font-size:18px;
}
h2 {
margin:0px;
}
#wrapper {
width:750px;
margin:auto;
background-color:#FFFFFF;}
#header {
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
padding-top:0px;
}
#navigation li {
display:inline;
font-size:14px;
}
#main {
background-color:#FFFFFF;
float: left;
margin:0px;
width:657px;
}
#album {
float:right;
margin:0px;
width:175px;
background-color:#FFFFFF;
}