Css form problem

programming web dev
1

hi all

Ive created a form in css with columns layout. But its showing diff output in all the browsers. Can anyone tell me how to make it compatible with all the browsers.

The html file is attached for your reference

thanks in advance.

2

Anyone there to help me

3

What browser is rendering it correctly?

4

its coming perfect in FF

5

Try adding some height to ul.search-column

Something like this should do it…

ul.search-column
{
	margin:0 0 -6px -2px;
	width:100%;
	height:50px;
  }

With CSS, when in doubt, throw on the borders and see what’s not lining up correctly…

6

also, add some height to #main-box.

7

hi jkanakaraj

thanks for your all those helpful inputs.

Can you please tell me why the outer box is not stretching in IE 7.0 & Mozilla

thanks in advance.

8

looks like you have the width for #main_div set to 90%

9

ya thats true,

but I mean why its not stretching vertically.