Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Height of div elements between browsers

Div height varies between browsers



9:30 am on Feb 13, 2008 (gmt 0)

5+ Year Member


I have a search box that I've made with DIVs.
I've defined the search box -element (borders and background color) to be a certain fixed height.
Inside this element there are several DIVs that contain the actual search elements (checkboxes, radiobuttons, text-fields, buttons).

When looking at the DIV-elements inside the searchbox in different browsers the height of them varies.
They is as wanted on Firefox, shorter than wanted on Opera and higher than wanted on IE7.
I've tried changing padding but that has no effect.

If someone has any ideas I'd be grateful.


5:32 pm on Feb 13, 2008 (gmt 0)

10+ Year Member

I'd start by zeroing out the padding and margins for all the elements. Otherwise, you have a mixture of your styles and the defaults, which vary between browsers.

Featured Threads

Hot Threads This Week

Hot Threads This Month