|
HTML - What Web Browsers Should You Check To Verify Your Website?
Right now, once I upload a webpage designed with Netscape composer 7.2 (since it is free) and my own html code inserted occasionally, I verify it looks correct on the following web browsers:
IE 8 (32 bit) Firefox Chrome Safari Opera Should I verify it on others, such as IE 7 or IE 6, or is that a waste of time? From my experience, Chrome, Firefox, and Safari usually get it right, and IE 8 and Opera get it right less of the time. How do you verify your website on smart phones and whatever browser they use (Black Berry, iPhone, Palm, Android) without having to buy each one? What about the iPad? Thanks! Similar TutorialsI'm programming my first website for a friend who makes comics and in order to make the border around his comics fit I had to mess with the margins. The website looks great on Mozilla and Chrome, and perfect on Safari, but on IE and Opera the border ends up very skinny and goes through the comic, it also makes the page look enormous. Does anyone know how to remedy this? I think it has to do with the border being around the paragraph rather than the image, but I'm not sure. Any help is greatly appreciated. Dear all, i've designed a small web page, where it is well viewed in windows IE and not in other browsers like fire fox and net scape navigator. Can you please suggest a solution for this..... thanks in advance.....! My website looks like I want it to in Chrome, Firefox and my Android phone (including the flash banner at the top working properly) - however, in IE the layout is wrong. Also there is no consistency. Sometimes a page will look right then if you load another page and go back to the original one it now looks wrong. The compatibility mode makes it look a bit better but still not correct. It appears that it looked right until I updated flash (because the new flash banner at the top required this) and now the whole site layout is wrong. Any ideas? The website is www.nodj.co.uk if you need to take a look. Thanks in advance! Hi - hope someone can help. I have built a website for a business which I am starting up and I know its very basic! THe problem is that I can view the website fine and so can loads of people, but quite a few can't view it and when they load the index page it just shows a blank screen with the address at the bottom. The website address is www.lagganoutdoor.co.uk - The people who couldn't view it are on pretty recent versions of Explorer. Have I done something completely stupid?! Hope you can help. Thanks, Duncan. Hey all, I've been trying to fix up my carpet cleaning website. The bee.png image in the top left of my menu bar is giving me problems with older browsers & most hand-held devices, e.g., iTouch, cellphones, etc. Is there any kind of trick (hack) I could use so that it will properly align with all devices? Website: www.honeydocarpetcare.com Also, please let me know if you are noticing things that are out of place. If so, please tell me what browser and version you are using! Thanks all! My website doesn't render correctly in the WebKit browsers (Apple Safari and Google Chrome). It works as expected in Firefox, Internet Explorer versions 6 and above, and Opera. If you click here to view the site, it is the text on the left-hand side underneath the navigation menu that is proving problematic. This text is supposed to appear directly beneath the navigation menu, but when the site is viewed in Safari or Google Chrome, it appears at the very bottom of the page, where the blue background is. I have run the code through the W3C validator and after a bit of alteration, it came back saying there's no errors. What makes it confusing is that I didn't write the code myself and it is mainly table-based (I inherited it from a previous web developer). I am currently working on a brand new layout for the website which will solve the accessibility problem completely, but for the time being we have to continue using the current layout. Does anyone know if there's a quick fix which will get the text on the left-hand side to display correctly in WebKit browsers? This has been bugging me for a while now and I'd really like to get it fixed. Is there anything obvious that I've missed? Thanks in advance for any help. I have a register and login page and would like to add an autoresponse email. The end result being when people register they have to click a link in their email before being able to login. Essentially to stop fake email addresses being used. All the coding works well but I'm having trouble adding the autoresponder part. The current code is below. Can anyone help? I'll buy you all kinds of cakes and fizzy pop if you can. :-D <?PHP ob_start(); //Connect to enter the information into the fields $link = mysql_connect('localhost','bangers', 'andmashme') or die("Could not connect"); mysql_select_db('bangers') or die("Could not select database"); //Todays date $date = time(); ?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>BANGERS AND MASH: VIEW PICS LOGIN</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"> <link href="III.css" rel="stylesheet" type="text/css"> </head> <body ><center> <body bgcolor="white"> <img src="banner.png" width="597" height="159" border="0"> <!-- ----------------------------------------------PALN A PARTY--------------------------------------------------------------------------------------> <div class="leftcontent"> <div class="leftTop">.</div> <p class="boxtext"> <font color="black"><font face="Courier New"> <b>Welcome to the weekly updated... <br> BANGERS AND MASH GALLERY!</b> <br> Take a moment to register, & Existing users proceed to the enter gallery section</p> <p class="boxtext"> <font color="black"> <div class="leftbottom"></div> <div id="clear"></div> <div class="leftTop"></div> <? if ($type == 'login') { //LOG IN AREA $sql_check = mysql_query("SELECT * FROM `gallerytable` WHERE 1 AND `email` LIKE '$email2' LIMIT 0 , 30") or die ("Unable to get results."); $auth_list = mysql_fetch_array($sql_check); function CheckEmail($Email = "") { if (ereg("[[:alnum:]]+@[[:alnum:]]+\.[[:alnum:]]+", $Email)) { return true; } else { return false; } } if (mysql_num_rows($sql_check) > 0 && CheckEmail($email2)) { $email = $auth_list['email']; $cookie_data = $email.':'.$date; setcookie('galleryid', $cookie_data, time()+1118640); echo ' <p align="right" class="boxtext"> <h2>PLEASE WAIT....</h2> </p>'; echo "<meta http-equiv=\"Refresh\" content=\"0; url=gallery2.php?contentfolder=". date("Y") ."\">"; } else { echo ' <p align="centre" class="boxtext" font color="black"> <h2>FAILED</h2> <h2>This email has not been registered with us. <br>Please go back and register in order to view the gallery.</h2> <a href="javascript:history.go(-1)"><img src="back.jpg" width="104" height="41" border="0"></a> </p>'; } } else if ($type == 'register') { // CHECK EMAIL FUNCTION //*********************** function check_email_mx($email) { if( (preg_match('/(@.*@)|(\.\.)|(@\.)|(\.@)|(^\.)/', $email)) || (preg_match('/^.+\@(\[?)[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,3}|[0-9]{1,3})(\]?)$/',$email)) ) { $host = explode('@', $email); if(checkdnsrr($host[1].'.', 'MX') ) return true; if(checkdnsrr($host[1].'.', 'A') ) return true; if(checkdnsrr($host[1].'.', 'CNAME') ) return true; } return false; } // Check if its in there $result=mysql_query("SELECT * FROM `gallerytable` WHERE `email` = '$email'"); // IF email is ok if (!check_email_mx($email)) { echo ' <p align="right" class="boxtext" font color="black"> <h2>EMAIL ERROR</h2> <h2>You have entered an incorrect email. <br> Please click the button below to go back and try again.</h2> <a href="javascript:history.go(-1)"><img src="back.gif" width="104" height="41" border="0"></a> </p>'; } elseif (mysql_num_rows($result) <= 0) { //Puts deatils into the bangers database $insert=mysql_query("INSERT INTO `gallerytable` (`id`, `fname`, `sname`, `email`, `telno`, `date`) VALUES ('', '$f_name', '$s_name', '$email', '$mobile', '$date')")or die('couldn\'t Insert record into bangers database :'.mysql_error()); echo ' <p align="right" class="boxtext" font color="black"> <h2>THANK YOU FOR REGISTERING!!</h2> <h2>Your details have been registered with us and will not <br>o the login section to view images.</h2> <a href="javascript:history.go(-1)"><img src="back.gif" width="104" height="41" border="0"></a> </p>'; } else { echo ' <p align="right" class="boxtext" font color="black"> <h2>REGISTERED</h2> <h2>YOUR DETAILS HAVE ALREADY BEEN REGISTERED WITH US. PLEASE PROCEED TO THE ENTER GALLERY SECTION.</h2> <a href="javascript:history.go(-1)"><img src="back.jpg" width="104" height="41" border="0"></a> </p>'; } } else { echo ' <table width="800" boder="0" align="center"> <table width="600" border="0" align="center"> <tr> <td valign="middle" colspan="2" align="center"><p><img src="register.gif" width="227" height="26" /></p> </td> <td valign="center" colspan="2" align="center"><img src="entergallery.gif" width="227" height="24" /> </td> <td> </td> <tr> <td width="300" valign="middle"> <p><strong><img src="required1.gif" width="227" height="31" /></strong></p> </td> <td width="300" valign="middle">  </td> <td width="300" valign="middle"> <form name="login" method="post" action="'.$_SERVER['PHP_SELF'].'"> <img src="email1.gif" width="227" height="24" /> <td width="300" valign="middle"> <input name="email2" type="text" size="16" class="Field" /> </td> <tr> <td> </td> <td> </td> <td> </td> <td width="300" valign="middle"> <input name="type" type="hidden" value="login"/> <input name="Submit" type="image" class="submit" value="Submit" src="submit.gif" align="right"> </form> </td> <tr> <td width="300" valign="middle"> <form name="register" method="post" action="'.$_SERVER['PHP_SELF'].'"> <p><img src="name1.gif" width="227" height="27"/> <td width="300" valign="middle"> <input name="f_name" type="text" class="Field" id="f_name" size="16"/> <tr> <td width="300" valign="middle"> <p><img src="surname1.gif" width="227" height="28" /> <td width="300" valign="middle"> <input name="s_name" type="text" class="Field" id="s_name" size="16"/> <tr> <td width="300" valign="middle"> <p><img src="email1.gif" width="227" height="24" /> <td width="300" valign="middle"> <input name="email" type="text" size="16" class="Field" /> <tr> <td width="300" valign="middle"> <p><img src="emailconfirm1.gif" width="227" height="25" /> <td width="300" valign="middle"> <input name="confemail" type="text" size="16" class="Field" /> <tr> <td width="300" valign="middle"> <p><img src="mobile1.gif" width="227" height="22" /> <td width="300" valign="middle"> <input name="mobile" type="text" size="16" class="Field" /> </td> <tr> <td width="300" valign="middle"></td> <td width="300" valign="middle"> <input name="type" type="hidden" value="register"/> <input name="Submit" type="image" class="submit" value="Submit" src="submit.gif" align="right"> </p> </form> <br/></td> <td width="5"/> </form> </td> </tr> </table> '; } ?> </p> <div class="leftbottom"></div> </div> <!--END NEWS --> </div> </div> </body> </html> I am having some problems. I am redesigning a site and It looks good in firefox, but when viewed in IE the spacing is off. I like the way it is looking in firefox, but not in IE. Any ideas?? http:// www .integratedpeaksolutions.com/New/Site/ What would the script be to check which browser you are using. I want a script to check if the webpage is being viewed by iPhone safari, not sure how to code it but I want it to do this: website/index.php: If iPhone Safari. go to;"mobile.website.com" And in mobile.website.com I will have a CSS for mobiles. I cant figure out why my website footer looks different in internet explorer compared to all the other browsers. IE makes the footer look off. Can someone please help me with this. www.pricedrightcleaningequipment.com thanks so much I built this page and I'm noticing it works fine in Dreamweaver browser but not in opera and safari and IE? What am I doing wrong? http://www.rendemolition.com/patio1.html I have this login on a website i'm doing, in Firefox, Opera & Safari the two text fields and the login button are aligned to the very left of the page but in IE the text boxes only stay about 15px further to the right. This means they are out of line with other elements on the page Can anyone tell from this code below what i'm doing wrong or do you need more code to go on. <form name=login> <table width=200 border=0 align="left" cellpadding=3> <td><input type=text name=username></td></tr> <td><input type=text name=password></td></tr> <tr><td colspan=2 align=left><input type=button value="Login!" onClick="Login()"></td></tr> </table> </form> cheers I just read a link from a web mag, and found a pretty smart service: 1. Go to http://browsershots.org/ 2. Select the OS/Browsers you want to check against 3. Select the "user" options 4. Submit your site 5. Get a set of images for each browser to see what it looks like Pretty cool, huh? Now you don't have to install every browser known to man I have recent designed a website inAdobe fireworks then slices then exported it. (So it is in tables). I slice a 1 pixel image of the right side of the image to set as my background (repeat x). So I also set the top margin of the whole layout to 0 pixels. But it seems different browsers have a difference view of what 0 pixels is. Does anyone no away arround this? First I want to thank you for letting me be a part of this great forum. Now about the problem. My site looks good on IE browser but with firefox it looks strange, if you look at http://www.akuttpost.no/psykoseschizofreni.htm you may notice that the menu is lower than the middle page. How do I fix this? Is there a way to adjust this so that what looks on IE will be the same with all sorts of browsers? I use dreamweaver and claris 3.0 Hello, I created this Wordpress theme http://www.ilmondodeidoppiatori.it/news/ It's perfect with Firefox but if I open it with Safari, the whole central column goes below the rest of the content: how can I fix it? Thanks in advance Hi. I am working on a website, basically made in HTML and CSS. I am pretty far, but when look at my website in Safari and Internet Explore, my menu makes a break line for every button I have made. When I look in firefox the menu goes straight? Anybody who know what I need to do, to be able to see the same thing in each browser? Here is my menu code: <ul id="nav"> <div id="menu"> <li><a id="menutext" href="home.html">HOME</a></li> <li><a id="menutext" href="artists.html">ARTISTS</a></li> <li><a id="menutext" href="releases.html">MUSIC</a></li> <li><a id="menutext" href="news.html"> NEWS</a></li> <li><a id="menutext" href="aurtv.html">VIDEOS</a></li> <li><a id="menutext" href="photos.html">PHOTOS</a></li> <li><a id="menutext" href="about.html">ABOUT</a></li> <li><a id="menutext" href="contact.html">CONTACT</a></li> </div> </ul> Thanks. When checking if a site shows correctly, which browsers should I try? I usually check on IE5 and NETSCAPE similar version... Thanks |
|||||||