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:

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

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


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:

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

Here is the code

Internet Explorer fix? Elements are overlapping.


I'm new to the forum and relatively new to web development. I would be very grateful for some assistance with a website I've been working on:

The website works with no problems in Firefox, Safari, and Chrome. However, in Internet Explorer, it's not showing up correctly. Elements are overlapping and the slideshow is not working.

Syndicate content