I made a homemade 'blog' earlier using CSS cos I found the blogger and blogspot things annoying. Unfortunatly now I have to change the page code and upload to post the blog. While this works it is far from perfect and if you look at the blog page (<!-- w --><a class="postlink" href="http://www.harrymills.co.uk/blog.htm">www.harrymills.co.uk/blog.htm</a><!-- w -->) you will see that I have got a small div inside a larger one so when I post more stuff it will fill up the space and the large div won't expand.
Can anybody help me with this?The HTML for the page:
<!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>
<title>harrymills.co.uk - Blog</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
<link href=http://www.webdeveloper.com/forum/archive/index.php/"cssStuff/harrymillsv3.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/*<![CDATA[*/
@import "harrymillsBlog.css";
/*]]>*/
</style>
</head>
<body>
<div id="topbanner">
<h1 id="title">harrymills.co.uk - Blog</h1>
</div>
<div id="leftcontent">
<h2>Navigation Links</h2>
<ul>
<li class="blogDate">Website Development</li>
<li>Deus ex Machina</li>
<li>Misc. Stuff</li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.xsorbit6.com/users/harrymills/index.cgi">Forum</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"blog.html">Blog</a></li>
</ul>
</div>
<div id=maincontent>
<div class=blog>
<h3 class=blogTitle>Proof of Dogs living on Neptune - 29/1/04</h3>
If there are approximatly 500 different breeds of dogs and they either are on Neptune or they're not
on Neptune then there is a 50% chance that there is a dog from each breed on Neptune. Therefore there
is a 50% chance that a dog from that breed does not live on Neptune. The chance of all 500 different
breeds not existing on Neptune is equal to 1/2^500, aka nearly impossible therefore I can conclude
that the chance of some breed of dog existing on Neptune is almost certain (1-(1/2^500)).
</div>
</div>
</body>
</html>
And the CSS:
/* CSS Document */
div#topbanner {
padding: 0;
margin: 10px 0 5px 210px;
width: 785px;
height: 75px;
border: 1px solid #ff9900;
background-color: #ffecbf;
}
h1#title {
padding: 0;
margin: 0;
line-height:75px;
}
div#leftcontent {
position: absolute;
top: 5px;
left: 5px;
padding: 0;
margin: 5px 0 0 0;
width: 200px;
height: 575px;
border: 1px dashed #000080;
background-color: #aed7ff;
}
div#maincontent {
padding: 0;
margin: 0 0 0 210px;
width: 785px;
height: 495px;
border: 1px solid #000080;
background-color: #aed7ff;
}
body {
padding: 0;
margin: 0;
font-family: Verdana, Tahoma, Arial;
color: #000066;
font-size: small;
}
h2 {
font-family: Verdana, Tahoma, Arial;
font-size: large;
font-variant: small-caps;
color: #000066;
}
div.blog {
border-top: thin none #000066;
border-right: thin none #000066;
border-bottom: thin dashed #000066;
border-left: thin none #000066;
font-family: Verdana, Tahoma, Arial;
font-size: small;
color: #000066;
}
h3.blogTitle {
font-family: Verdana, Tahoma, Arial;
font-size: small;
font-weight: bold;
color: #000066;
font-variant: small-caps;
}http://forums.webdeveloper.com/showthread.php?s=&threadid=26507
Don't cross post.
Can anybody help me with this?The HTML for the page:
<!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>
<title>harrymills.co.uk - Blog</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
<link href=http://www.webdeveloper.com/forum/archive/index.php/"cssStuff/harrymillsv3.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/*<![CDATA[*/
@import "harrymillsBlog.css";
/*]]>*/
</style>
</head>
<body>
<div id="topbanner">
<h1 id="title">harrymills.co.uk - Blog</h1>
</div>
<div id="leftcontent">
<h2>Navigation Links</h2>
<ul>
<li class="blogDate">Website Development</li>
<li>Deus ex Machina</li>
<li>Misc. Stuff</li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.xsorbit6.com/users/harrymills/index.cgi">Forum</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"blog.html">Blog</a></li>
</ul>
</div>
<div id=maincontent>
<div class=blog>
<h3 class=blogTitle>Proof of Dogs living on Neptune - 29/1/04</h3>
If there are approximatly 500 different breeds of dogs and they either are on Neptune or they're not
on Neptune then there is a 50% chance that there is a dog from each breed on Neptune. Therefore there
is a 50% chance that a dog from that breed does not live on Neptune. The chance of all 500 different
breeds not existing on Neptune is equal to 1/2^500, aka nearly impossible therefore I can conclude
that the chance of some breed of dog existing on Neptune is almost certain (1-(1/2^500)).
</div>
</div>
</body>
</html>
And the CSS:
/* CSS Document */
div#topbanner {
padding: 0;
margin: 10px 0 5px 210px;
width: 785px;
height: 75px;
border: 1px solid #ff9900;
background-color: #ffecbf;
}
h1#title {
padding: 0;
margin: 0;
line-height:75px;
}
div#leftcontent {
position: absolute;
top: 5px;
left: 5px;
padding: 0;
margin: 5px 0 0 0;
width: 200px;
height: 575px;
border: 1px dashed #000080;
background-color: #aed7ff;
}
div#maincontent {
padding: 0;
margin: 0 0 0 210px;
width: 785px;
height: 495px;
border: 1px solid #000080;
background-color: #aed7ff;
}
body {
padding: 0;
margin: 0;
font-family: Verdana, Tahoma, Arial;
color: #000066;
font-size: small;
}
h2 {
font-family: Verdana, Tahoma, Arial;
font-size: large;
font-variant: small-caps;
color: #000066;
}
div.blog {
border-top: thin none #000066;
border-right: thin none #000066;
border-bottom: thin dashed #000066;
border-left: thin none #000066;
font-family: Verdana, Tahoma, Arial;
font-size: small;
color: #000066;
}
h3.blogTitle {
font-family: Verdana, Tahoma, Arial;
font-size: small;
font-weight: bold;
color: #000066;
font-variant: small-caps;
}http://forums.webdeveloper.com/showthread.php?s=&threadid=26507
Don't cross post.