Hi,

 

I'm relatively new to web design, so please bear with me here.

 

The layout I'm currently trying to make has a gap at the top and I can't figure out why it's there. I have used a CSS reset in my stylesheet, making all padding and margins 0.

 

I'm talking about the gap between the header and the very top of the page. If someone could have a quick look to see why the gap is there I'd be very grateful.

 

Thanks.

 

http://mytestingplace.com/

at a guess the <br/> you have here

 

<img id="background" src="images/simplified.jpg" /><br /><!-- Main background -->

Edited October 6, 201213 yr by zed

You da man.

 

So simple, haha. I think maybe I was so busy looking at the CSS I forgot to check the html properly.

A good trick into right click the area in chrome or Firefox and inspect the element.

On viewing the page source I found this?

 

<div id="top_margin"></div><!-- Adds a 20 px margin and shadow to top -->

On viewing the page source I found this?

 

<div id="top_margin"></div><!-- Adds a 20 px margin and shadow to top -->

 

Hi, yes I see how you'd think that was strange. I have updated the page since zed helped me. I never thought to update this thread to reflect the changes, so I will.

 

This was because I actually intended on having a gap at the top, I just wanted to make sure it was under my control rather than some bug I didn't understand.

 

Thanks.

 

EDIT: Hmm well I can't edit my first post or thread title, but hopefully people will read this.

Edited October 7, 201213 yr by happydays

A good trick into right click the area in chrome or Firefox and inspect the element.

 

Thanks Mike, I do this with Firefox. Really liking the 3d view also.