html - Form looks good in Firefox but a mess in Chrome -
Please refer to the attached images. The second image is from Firefox, which looks great, first comes from Chrome, which is a mess.
Anywhere I have a label and input field, this is a mess in Chrome.
Both have the same code.
& lt; Tr & gt; & Lt; Td class = 'sale-label-req' & gt; First Name * & lt; / Td> & Lt; Td class = 'sale-label-req' & gt; & Lt; Input type = 'text' name = 'Contact0FirstName' value = '& lt ;? = $ _ POST ['Contact0FirstName']? & Gt; ' & Gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td class = 'sale-label-req' & gt; Last name * & lt; / Td> & Lt; Td class = 'sale-label-req' & gt; & Lt; Input type = 'text' name = 'Contact0LastName' value = '& lt ;? = $ _ POST ['Contact0LastName']? & Gt; ' & Gt; & Lt; / TD & gt; & Lt; / TR & gt; As an example.
Usually, & lt; Td> will present horizontally: + -------------- + ------------ + | First name * | [_________] | + -------------- + ------------ + And it is both in Chrome and FF since FF Rendering is in this form
+ -------------- + | | First name * | + -------------- + | [_________] | + -------------- + This is either neither or a CSS that controls the table For FF - The data tag does not understand Chrome in a way - ore exactly the opposite. Include both basic HTML and CSS, use firebug and developer tools on both browsers, to see what has actually been implemented on these elements < / Html>
Comments
Post a Comment