Salve a tutti, ho riscontrato un problemino nella creazione di una search box
cross-browser, su Chrome funziona tutto, idem per Firefox, ma sul caro vecchio
I.E. le cose sono sempre state viste come se interpretate da un tostapane..
Ecco il codice:
Ovviamente ho cercato di non usare specifiche css che si vedessero solo su chromecodice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title> testing html/css web page </title> <style type="text/css"> .back { width: 135px; height: 20px; background: url(Search.PNG); float: right; } .textbox { width: 103px; height: 14px; outline: none; background: none; padding: 3px 0 3px 5px; border: none; } .search { width: 12px; height: 12px; margin: 4px 5px; float: right; cursor: pointer; background: none; border: none; } </style> </head> <body bgColor="#aabbcc"> <form action="#"> <div class="back"> <input type="text" class="textbox" /> <button type="submit" class="search" /> </div> </form> </body> </html>
(come il caro border-radius che, tra l'altro, ancora molti usano), ma ho avuto comunque
diversi problemi di compatibilità. Provate il codice voi stessi e aiutatemi se potete =)
