View Full Version : Content area on the right

04-10-2010, 07:10 AM
It seem like I got everything correct like my logo and navigation buttons of the left side of page but having trouble getting my content page on the right.

Here's my HTML code
<!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">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Nick's Portfolio</title>
<style type="text/css">
body {
background-color: #F9EAC3;
<link href="../css/layout.css" rel="stylesheet" type="text/css" />

<div id="wrapper">
<div id="logo"><img src="images/index_01.jpg" width="415" height="212" /></div>
<div id="navigation"><img src="images/WORK.jpg" width="143" height="20" /><img src="images/BIO.jpg" width="65" height="20" /><img src="images/RESUME.jpg" width="82" height="20" /><img src="images/CONTACT.jpg" width="125" height="20" /></div>
<div id="headerImg"></div>

Here's my CSS
* {
margin: 0px;
padding: 0px;
#wrapper {
background-color: #F9EAC3;
height: 768px;
width: 1024px;
margin-right: auto;
margin-left: auto;
#wrapper #logo {
height: 212px;
width: 415px;
a img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
#wrapper #navigation {
background-color: #F9EAC3;
height: 20px;
width: 415px;
font-family: "Gill Sans MT";
font-size: 18px;
#wrapper #headerImg {
background-color: #F9EAC3;
background-image: url(../from%20photoshop/images/index_04.jpg);
height: 536px;
width: 415px;
background-repeat: no-repeat;

Any suggestions?

04-10-2010, 07:34 AM
What kind of trouble are you having? Do you understand about using floats?

04-10-2010, 07:43 AM
What kind of trouble are you having? Do you understand about using floats?


See that content box on the right? I'm trying to replicate that in Dreamweaver using DIV's. For some reason I can't put a div box on the right where my content area is. How do you do that? Also I do have some knowledge about floats. Can you expand?

04-10-2010, 07:58 AM
Here, try this; http://corrosiveonline.co.uk/tutorials_css_floats_for_layout.php You should be able to adapt the examples to suit your needs fairly easily.