homepage Welcome to WebmasterWorld Guest from 107.20.37.62
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
Height of div elements between browsers
Div height varies between browsers
deMorte




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

Hello.

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.

 

your_store




msg:3574021
 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