firefox - Safari sending floated div to new line, chrome and IE are fine -


the situation:

parent div: 300px

child 1: 50px width, 5 px border

child 2: 232px width, 8px margin left

works fine in chrome , ie, safari , firefox drop second 1 new line. reason this? if remove 1 px overall, having 7px left margin, fit place. also, measurements match in firebug, don't see why thew 2 not fitting in same line.

try removing other padding or margin parent div , children. these caused default browser styles. (or use css reset elements)

also, note, safari , opera little bit lying measurements if have decimal number. round or down, not exact firefox or chrome.


Popular posts from this blog

How to calculate SNR of signals in MATLAB? -

c# - Attempting to upload to FTP: System.Net.WebException: System error -

ios - UISlider customization: how to properly add shadow to custom knob image -