Weird <div id> drop in FF&Safari

[naderby]

Hi Guys,

Take 2 pages I have built using CSS. They have exact same header graphic but the content block I use on each page differs slightly in that it refers to CSS that is slightly different.

The FETCH PAGE uses a DIV for the content (the white block), but the block falls down the page slightly.

#fetch {
	width: 700px;
	background-color: #FFF;
	text-align: left;
	height: 450px;
	margin: auto;
}

The CONTACT PAGE also uses a DIV for the content (the white block), but doesn't have the 'height' and renders as I would expect it to.

#block {
	width: 700px;
	background-color: #FFFFFF;
	margin: auto;
	text-align: left;
}

I'm thinking that the 'height' in the first incorrect sample above is causing my odd dropping block, but why?

BTW, this seems to be just a SAFARI & FIREFOX thing.

[Paul O'B]

Hi,

Its probably the default margins and padding on the form affecting the layout.

Try this:

form {margin:0;padding:0}

Paul

[naderby]

Hi,

Its probably the default margins and padding on the form affecting the layout.

Try this:

form {margin:0;padding:0}

Paul

You are correct! A lesson learned for me.

Many thanks.