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)

Junior Member

10+ Year Member

joined:Aug 7, 2007
votes: 0


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)

Preferred Member

10+ Year Member

joined:Oct 19, 2001
votes: 0

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.

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members