homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

Height of div elements between browsers
Div height varies between browsers

5+ Year Member

Msg#: 3573667 posted 9:30 am on Feb 13, 2008 (gmt 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.



10+ Year Member

Msg#: 3573667 posted 5:32 pm on Feb 13, 2008 (gmt 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.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved