homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Website
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: DrDoc

CSS Forum

Height of div elements between browsers
Div height varies between browsers

 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.



 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.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved