Layout Issue using Float property

Hi All,

Trying to make a simple layout but failed miserably. Need your support to correct it.

What I am trying:
1. Making a main container
2. Dividing the main one into two container : left and right one
3. Putting some button on the right container.

<!DOCTYPE HTML>
<html>
	<head>
		<style>
			#main_c {
				border:1px solid green;
				width:600px;
				float:left;
			}
			#left_d {
				border:1px solid yellow;
				width:450px;
				float:left;
			}
 
			#right_d {
				border:1px solid blue;
				width:150px;
 
			}
 
		</style>
	</head>
	<body>

Trying to Better Understand Grids

I am still new to CSS and have much to learn. I am trying to understand placement in a grid, with say, pictures and then content I want to sit to the left or right of said picture.

Let's say I have a 12 column grid I want to use for my page, each labeled accordingly starting from left to right from 1-12 respectively. So I have a picture I want to left align in column 3 that spans across through column 5. I then want to have column 6 blank and left align some paragraph text that will span columns 7-10. How do I do this?

EASY: Two columns side by side

Just a quick question in, I'm working on a little demo project and I'm trying to get to div columns to sit side by site but there misbehaving.

Link to demo page:

http://www.workspace.johncliffordtaylor.com/staff.php

I can get them to sit side by side if I adjust the percentages in the "width" rule. but what happening now is that the "wrapper" div is not encompassing the "nav" and "main" div pretty much give me what I currently have now.

How to reduce the space between posts displayed on main page?

i need to change the space between the posts being displayed on the main page of my website www.labshab.com

i am using post-excerpts to show below each post title.. and i tried modifying #content but wasnt able to reduce the space.

please guide me

thanks

CSS issues on IE Browser

Help! I am trying to get my form code lined up on a graphic using CSS and I almost have it perfected but cannot figure out what the remaining issues is. I would appreciate any solution. The form is at the following address and it looks good in firefox but doesn;t line up in IE (any version) I am pulling my hair out trying to figure it out. Help? address is: http://contactmanagersuccess.com/formfillingscript/newform.html

look at it in firefox and then look at it in IE

Here is the code

Syndicate content