Beginner CSS Help

Soldato
Joined
5 Aug 2004
Posts
7,386
Location
North East England
Hey, trying to learn some CSS and i'm stuck at the beginning.

I can't get the two boxes next to eachother as one goes below.

www.crispyduck.net/files

That is the website and here is my code:

PHP:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Home Page</title>

<style type="text/css">

body { background-color: #3d3d3d }
#container { width: 500px; height: 500px; padding: 5px; }
#header { width: 100%; height: 200px; border: 1px black solid; padding: 0px;  }
#nav { width: 25%; height: 100%; border-left: 1px black solid;  border-bottom: 1px black solid;  border-right: 1px black solid; padding: 5px; }
#content {  width: auto; height: 100%;  border-bottom: 1px black solid; border-right: 1px black solid; padding: 5px; }

</style>

</head>

<body>

<div id="container">
	<div id="header"></div>
	<div id="nav"></div>
	<div id="content">test</div>
</div>
</body>
</html>

Once i've got past this i'll be pretty much set on making a website but i'm at a wall here, cheers. :)
 
from what i can see you have'nt given any of the boxes a position, although i don't know to much css either take a look at positioning in the w3schools site in the tutoriorals section
 
Alright will do, having a look now. :)

Edit: No luck, everything just sprawled allover when using the position rule :(
 
Last edited:
Back
Top Bottom