Not only browsers portatitli desktop or browsing the sites developed by us, now the era of mobile - the mobile browser - is widespread, thanks to devices like the Apple iPhone, Android, etc ... Furthermore, even for developers for the Apple iPhone has become mandatory to understand to which device the application is running.
On the Web, the situation is similar to that displayed in the Browser or Mobile Browser? , with the variant:
Comment HTML is a practice during the early stages of Web development, however the commented code remains visible on the page, even if it is ignored by the browser. By selecting "View Source" or "View Code" from our browser, we will be able to see it.
Sometimes you just move an item, changing the point of view, to solve a problem seems insurmountable. When one has to do with compatibility between browsers and CSS, inventing solutions "spectacular" (stunts would say) is on the agenda. , per Safari e Google Chrome. What I show you an easy way to apply rounded corners to images using -moz-border-radius , which is available for Mozilla FireFox and -webkit-border-radius , Safari and Google Chrome.
Our website is now only displayed by PCs. With the spread of mobile, thanks to Apple's iPhone, to access the site or blog is increasingly being performed by a variety of mobile devices. It is therefore need to know how many Web Developer intercept and identify the different "agents", ie the means by which a user is viewing (browsing) our pages.
The use of conditions within the browser is often used to decide which style sheet to load depending on the type of browser. For example we can use this code to load a particular style sheet when the browser is Internet Explorer 6:
In any browser developed starting from the rendering engine WebKit (by appointment as Safari or Google Chrome ), the fields textarea show, bottom right, the characteristic feature of resizing. If this peculiarity may prove very useful in some cases, in others it becomes a nuisance element.
Among the various funny "interpretations" that Internet Explorer 6 can do with HTML / CSS, that of the "double margin" is certainly the most tedious and often. In practice (hear, hear ...) Good Microsoft browser can - mysteriously - to double margins on items that are set to float! : As such the following CSS applied to a div with the id box :
It's not that I always take it with Internet Explorer, it's just that damn thing every Web development (HTML and CSS) seems not to work with the browser - still - the most common (one day someone will explain why). ; ad esempio ecco come posizionare un div al centro dello schermo: A very convenient method to place an item in the middle of the browser window is the property of sfrutture auto style margin , for example, here is how to position a div in the center of the screen:
The stickers (or ribbon) are those images that are placed in the upper right or upper left, and commonly have a form angular range. There are various types, from simple static images to the most spectacular Flash movies. Sometimes they are constructed so as to stay in position even when scroll the browser window.
I always find some "ill" when tackling the subject "compatibility between browsers." Also, and I have yet to understand the real reason, of all the browsers I know the most "annoying" him remains: Microsoft Internet Explorer 6! Unfortunately, the release of IE 6 is still in circulation and there are frequent reports of problems when viewing pages.
Latest Comments
datrix : Thank you very much!
Robert : I rispsoto your questions with pleasure. The idea is really great. I am looking for a solution ...
Sting : @ Darius - you can see an example here: http://www.fight4fun.it/ clicking on: MAPS I hope ...
vik : Giustappunto I'm working on a project and the client asked me to show all the news (which are CPT) in ...
Giovambattista Fazioli : @ paso: absolutely. Simply identifying the field [cci] input [/ cci] you want to ...