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 ? Link to comment https://forums.phpfreaks.com/topic/197847-margins-problem/ 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/ Link to comment https://forums.phpfreaks.com/topic/197847-margins-problem/#findComment-1038321 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. Link to comment https://forums.phpfreaks.com/topic/197847-margins-problem/#findComment-1038744 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............ Link to comment https://forums.phpfreaks.com/topic/197847-margins-problem/#findComment-1043645 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. Link to comment https://forums.phpfreaks.com/topic/197847-margins-problem/#findComment-1043713 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.