Why is there a small top margin when I set it to zero?

Hi everyone, I've been thrilled with the help I've received here in the past and hope you will help me out again. Smile

I just added a banner logo at the top of my site's main page, and I notice that there is a few pixels' worth of whitespace at the top margin. I'd like to remove it, but can't figure out why it is there to begin with. Does anyone know what's going on?

(Warning: I use tables! :Cool )

Problem with labels and positions


For my website, I have two labels, one for the logo and the other for the connection area.
For the moment, the area is under the logo. And I want the logo at the left, and the area at the right.
Here is my CSS code :

	font-family:Arial, Geneva, sans-serif;
img, table, tr, td

Page Layout Alignment

Hey Guys,

Simple question which probably has a simple answer, how do I align two pieces of content horizontally? It seems that when adding one piece of content it will push the other down out of the way instead...

I know this is basic layout CSS but probably the only thing in basic CSS I do not understand! Sad


#content_map {

height: 350px;
width: 425px;


#content_contact {

height: 350px;
width: 300px;
background: #FFF;

I want these two pieces of content in line with each other horizontally with say.. a 10px gap between them.#


Having a lot of trouble with unique design

This is my first design I'm building from scratch and I've come up with a unique design that is suppose to take a desktop-like appearance which uses java-script and css3 but can completely work without them.

I have just begun but I can't get the menu-bar at the bottom to appear and I think it traces back to my css. I'm currently using both a jQuery UI theme and my own CSS on the page. So far I have worked with it for a while now but It just remains a white strip where a nice jQuery Orange strip should be along with 2 buttons both having their own icon.

100% Height containers; setting up 3 inside each other with padding.

I've been at this for too long. I'm having issues with; height:100%.
I want to put 3 containers; each a different color and inside the other, with about 20px padding. This should produce a framed-in look for the inner most container.

I can get the outer most container to fit 100% height of the screen, but I can not get the middle and inner containers to do the same. How do I get inside containers to 100% height as well.

Here is my best attempt.

#containerGREY {
min-height: 100%;
padding: 20px;
background-color: gray;
margin: 0 auto;
width: 800px;

Syndicate content