# Css form problem

**URL:** <https://forum.kirupa.com/t/css-form-problem/260410>\
**Category:** web dev\
**Created:** [May 15, 2008, 12:24pm UTC](https://forum.kirupa.com/t/css-form-problem/260410 "2008-05-15T12:24:15Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![bigcy](https://avatars.discourse-cdn.com/v4/letter/b/ea666f/32.png) [@bigcy](https://forum.kirupa.com/u/bigcy)\
**Post date:** [May 15, 2008, 12:24pm UTC](https://forum.kirupa.com/t/css-form-problem/260410/1 "2008-05-15T12:24:15Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![bigcy](https://avatars.discourse-cdn.com/v4/letter/b/ea666f/32.png) [@bigcy](https://forum.kirupa.com/u/bigcy)\
**Post date:** [May 16, 2008, 2:22am UTC](https://forum.kirupa.com/t/css-form-problem/260410/2 "2008-05-16T02:22:31Z")

</div>

Anyone there to help me

---

<div class="post-metadata">

**Author:** ![jkanakaraj](https://avatars.discourse-cdn.com/v4/letter/j/90db22/32.png) [@jkanakaraj](https://forum.kirupa.com/u/jkanakaraj)\
**Post date:** [May 16, 2008, 6:52am UTC](https://forum.kirupa.com/t/css-form-problem/260410/3 "2008-05-16T06:52:15Z")

</div>

What browser is rendering it correctly?

---

<div class="post-metadata">

**Author:** ![bigcy](https://avatars.discourse-cdn.com/v4/letter/b/ea666f/32.png) [@bigcy](https://forum.kirupa.com/u/bigcy)\
**Post date:** [May 16, 2008, 7:24am UTC](https://forum.kirupa.com/t/css-form-problem/260410/4 "2008-05-16T07:24:55Z")

</div>

its coming perfect in FF

---

<div class="post-metadata">

**Author:** ![jkanakaraj](https://avatars.discourse-cdn.com/v4/letter/j/90db22/32.png) [@jkanakaraj](https://forum.kirupa.com/u/jkanakaraj)\
**Post date:** [May 16, 2008, 7:46am UTC](https://forum.kirupa.com/t/css-form-problem/260410/5 "2008-05-16T07:46:26Z")

</div>

Try adding some height to ul.search-column

Something like this should do it…

```auto
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…

---

<div class="post-metadata">

**Author:** ![jkanakaraj](https://avatars.discourse-cdn.com/v4/letter/j/90db22/32.png) [@jkanakaraj](https://forum.kirupa.com/u/jkanakaraj)\
**Post date:** [May 16, 2008, 7:48am UTC](https://forum.kirupa.com/t/css-form-problem/260410/6 "2008-05-16T07:48:26Z")

</div>

also, add some height to #main-box.

---

<div class="post-metadata">

**Author:** ![bigcy](https://avatars.discourse-cdn.com/v4/letter/b/ea666f/32.png) [@bigcy](https://forum.kirupa.com/u/bigcy)\
**Post date:** [May 16, 2008, 11:33am UTC](https://forum.kirupa.com/t/css-form-problem/260410/7 "2008-05-16T11:33:29Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![jkanakaraj](https://avatars.discourse-cdn.com/v4/letter/j/90db22/32.png) [@jkanakaraj](https://forum.kirupa.com/u/jkanakaraj)\
**Post date:** [May 16, 2008, 12:15pm UTC](https://forum.kirupa.com/t/css-form-problem/260410/8 "2008-05-16T12:15:29Z")

</div>

looks like you have the width for #main\_div set to 90%

---

<div class="post-metadata">

**Author:** ![bigcy](https://avatars.discourse-cdn.com/v4/letter/b/ea666f/32.png) [@bigcy](https://forum.kirupa.com/u/bigcy)\
**Post date:** [May 16, 2008, 5:32pm UTC](https://forum.kirupa.com/t/css-form-problem/260410/9 "2008-05-16T17:32:59Z")

</div>

ya thats true,

but I mean why its not stretching vertically.