Search the Community

In comparing three browsers (Safari 12.1.1, Chrome 75.0.3770, and FireFox 67.0.2) accessing the same page I am noticing that the colors are not rendering uniformly. Any suggestions? html{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3949ab+25,05336b+100 */ background: #05336B; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #05336B 100%, #3949ab 25%); /* FF3.6-15 */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(100%,#05336b), color-stop(25%,#3949ab)); /* Chrome4-9,Safari4-5 */ background: -webkit-radial-gradient(center, ellipse cover, #05336B 100%, #3949ab 25%); /* Chrome10-25,Safari5.1-6 */ background: -o-radial-gradient(center, ellipse cover, #05336B 100%, #3949ab 25%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #05336B 100%, #3949ab 25%); /* IE10 preview */ background: radial-gradient(ellipse at center, #05336B 100%, #3949ab 25%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05336b', endColorstr='#3949ab',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ background-attachment:fixed; }

Whats The Difference Between Home And Introduction Sections? Should I skip home section? Is home section important?

Hi guys, I am currently having some issues with certain elements of a website I am building displaying slightly differently in different browsers. One example is: I have a form which contains two text input fields and two buttons. I have the text input fields one beneath the other and the two buttons below them, side-by-side. They sit beside one another fine in Chrome and IE9 (believe it or not!) and barely in Opera. However, in Firefox they do not. I have given the buttons a class and played around with the margins and padding, I also floated each button to the left. I am also aware that each browser has it's own default CSS rules? I imagine this would play a big part in elements displaying differently. Is there a way that I can remove each browsers default rules? I hope someone can help me! Thanks in advance!