/    Sign up×
Community /Pin to ProfileBookmark

Homemade ‘Blog’

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 ([url]www.harrymills.co.uk/blog.htm[/url]) 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?

to post a comment
CSS

2 Comments(s)

Copy linkTweet thisAlerts:
@Dathor_VerloxauthorJan 29.2004 — 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="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.xsorbit6.com/users/harrymills/index.cgi">Forum</a></li>

<li><a href="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;

}
×

Success!

Help @Dathor_Verlox spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...