Gap Between Divs Problem

[kitster79]

Can anyone help me figure out why my div named "#indexThmbs" is not sitting flush to the div above it named "#indexHeader1"

 

The purple body background color is coming through and I dont know why. There are no top/bottom margins on either divs so there should be no gap between the divs...I have no clue why this is happening.

 

I have posted the links to how the page SHOULD look (my JPG mock up)....

 

http://vojodesign.com/proofs/ARM/home.html'>http://vojodesign.com/proofs/ARM/home.html

 

...and also my HTML file with the problem I'm talking about....

 

http://vojodesign.com/proofs/ARM

 

Thanks in advance.

 

Kit

[quyen]

Hi kitster79,

I just take a look at your html and css file. And now I guess I know why you have the purple background between "#indexThmbs" and "#indexHeader1".

 

Let edit your css file at this ID = "indexThmbsInner" like this:

 

#indexThmbsInner {

width: 900px;

margin-right: auto;

margin-left: auto;

height: 130px;

margin-top: 0px;

}

 

I have no idea why you want to put margin-top: 65px; (*_*). But it was the problem for you layout. Check it out soon.

 

Hope this can help you! have a nice day.

Quyen,

Edited February 4, 2010 by quyen

[kitster79]

Ah yes, thank you very much - it's always just a silly little thing isn't it?