chanaka Posted April 7, 2010 Share Posted April 7, 2010 Hey , I've been into web design for abt 2 months ... and i've been having this annoying problem .. whenever I wanna define margins for any " <div " ... every browser shows it differently .... I only got internet explorer 7 to show it the way i want .. other browsers like Firefox .. Safari .. Google Chrome. .. show it in a wrong way ... can someone please tell me why ? Quote Link to comment Share on other sites More sharing options...
JustLikeIcarus Posted April 7, 2010 Share Posted April 7, 2010 This is whats known as a browsers "box model". Take a look at this explaination http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_box_model/ Quote Link to comment Share on other sites More sharing options...
haku Posted April 8, 2010 Share Posted April 8, 2010 What JLI said is correct. One of the best ways to solve cross-browser compatibility issues is to never add side paddings/margins to an element with a set width. Instead, put another div inside that div. Set the width on the outer div, and the side paddings/margins on the inner div. Same with top and bottom paddings/margins. Never set top or bottom paddings/margins to a div with a fixed height. Put a div inside, and set the height on the outer div, and the paddings/margins on the inner div. Quote Link to comment Share on other sites More sharing options...
patriklko Posted April 17, 2010 Share Posted April 17, 2010 "margin" is not supported by "firefox" browser try using padding option it will work for all browser in a fine manner............ Quote Link to comment Share on other sites More sharing options...
haku Posted April 17, 2010 Share Posted April 17, 2010 "margin" is not supported by "firefox" browser try using padding option it will work for all browser in a fine manner............ What are you talking about? Margins work absolutely fine in FF. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.