HTML - Different Look In Firefox And Explorer.help ;-)
Hi,
My background looks differently in Firefox and Explorer. Any ideas? Thank you <html> <head> <STYLE TYPE="text/css"> <!-- body { background-color: #570000; background-image: url(http://i144.photobucket.com/albums/r...uzaramka.jpg); background-repeat: no-repeat; background-position: center; background-position: top; } --> </STYLE> </head> </html> Similar TutorialsHello, We have been trying to find the best way to fix our band website www.random-rocks.com the buttons work on Internet Explorer but not in firefox or others. The Buttons i'm talking about are the one's on the left side of our website.... we designed the site with html...etc... Anyone, please help me... with this problem.... use the source code... if that we help you. Thank you.....it has been way to long with this problem. thanks So, I mainly use firefox, and my page looks fine in firefox.. but in Internet explorer there are some issues: heres the code: Code: <div align="center" id=article> <table margin:0 border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="3"><img src="images/articles/top.jpg"/> </td> </tr> <td width="4px" style="background-image: url(images/articles/left.jpg)"></td> <td width="734px" style="background-image: url(images/articles/middle.jpg)"> <br>Text here.... </td> <td width="4px" style="background-image: url(images/articles/right.jpg)"></td></tr> </table> <table margin:0 border="0" cellpadding="0" cellspacing="0"> <tr> <td><img src="images/articles/top.jpg"/> </td> </tr></table></div> Basically, I want that set up so I can put text in and the pics are already made to that they tile properly and neatly, that works, except there are spaces between top.jpg and middle.jpg I reused top.jpg on the bottom, cuz it looks the same anyway and it saves bandwidth by reusing the same pic. But theres a space there too, except not in firefox, which is how it is supposed to look. Basically, top.jpg, left.jpg and right.jpg form a border, and middle.jpg is a shade of grey that fades to a darker color, but tiles correctly for the background, while text is displayed there... and it works, except for the spaces between top.jpg and the rest of the places. Thanks for any help! i made a website and everything looks good on it when i view it in firefox but when i use explorer some of the images wont show up, just has the red x in the corner. any suggestions whats goin on? Hi, Now am developing a site for my company, am using HTML and CSS for site designing. If I view the page in Firefox and IE, Firefox looks correct, but in IE the page looks some extra spaces. Is there any tag (or) code is available to fix this issue.. (or) Please advise me a solution to correct the issue. Thanks for your help in advance. Why do they render differently? For example look at my myspace www.myspace.com/markster106 The profile box (the one with all the text about me) is in one position in firefox, and when you open it with Internet Explorer, it is different. How should I deal with this? Code: .profile { height: 130px; width: 440px; background-image: url('http://www.freewebtown.com/markster106/myspacelayoutmunit/myspacepicture.jpg'); z-index: 2; overflow: automatic; background-color: #9c9c9c; border-style: solid; border-width: 0px; font-family: sans-serif; text-align: left; padding: 2px } The above is the CSS used http://www.sandmanmedia.net/sandman_...anmedia_7.html When viewed in firefox, the 3 menu elements do not stay on the same line (services is bumped to the bottom). It is correct in Internet Explorer, and all 3 buttons are next to one another. Each button is 110px. The td width is set to 330px and set to bottom. Hi, I know this is quite a common and problem, and it is one that often make me want to pull my hair out! The problem this time is that my problems arise from a database generated layout. In that, depending on how many fields are in a database, my code will display a number of small divs. When viewed in firefox it displays perfectly as I would want, but in I.E it goes all funny. Here is the code Code: <?php mysql_connect("localhost", "0607197", "12345") or die("Can't connect to database server!"); mysql_select_db("db0607197") or die(" Can't select database!"); $updated = FALSE; if(count($_POST) > 0){ $admin = $_POST['admin']; array_map('intval',$admin); $admin = implode(',',$admin); mysql_query("UPDATE seats SET admin=1 WHERE id IN ($admin)") or trigger_error(mysql_error(),E_USER_ERROR); $updated=TRUE; } ?> <form action="<?php echo $_SERVER['PHP_SELF'];?>" method="post"> <?php ?> <?php $booked = "<b>Seat Booked</b>"; $sql = "SELECT id,username,admin,rowId,columnId FROM seats ORDER by id ASC"; $result = mysql_query($sql) or trigger_error(mysql_error(),E_USER_ERROR); while(list($id,$username,$admin,$columnId,$rowId,)=mysql_fetch_row($result)){ if($admin==1){ echo '<div style="background-color:red;align:center;width:53px;text-align:center;padding-top:5px;padding-bottom:5px;float:right;height:43px;border:2px solid #FFFFFF;"><b><font color="black">'.$rowId.''.$columnId.'</div>'."\n"; } if($admin==0){ $checked = ($admin==1) ? 'checked="checked"' : ''; echo '<div style="background-color:green;padding-bottom:5px;align:center;width:53px;font-weight:bold;text-align:center;padding-top:5px;float:right;height:43px;border:2px solid #FFFFFF;"><b><font color="black">'.$rowId.''.$columnId.'<input type="checkbox" name="admin[]" value="'.$id.'" /></div>'."\n"; } } ?> <p><div style="float:bottom;text-align:center;paddin-top:40px;"><input type="submit" name="submit" value="Book Seat" /> </div> </form> Could this be solved by some simple CSS? Position:absolute perhaps or will I need a better, more efficient way of outputting the data? Advice please. Thanks in advance Daniel Hi Guys, I was hoping you could perhaps help me with a little issue, this has been bugging me for quite a few hours and I'm entirely at a loss of how to deal with it. (I'm not new at the forums, I just can't remember my previous username " Basically the following page - http://www.citybeat.co.uk/breakfast/index.php The header is displaying fine and everything looks dandy in Firefox, open in Internet Explorer however, well, as usual - that's an entirely different story. The top is in HTML not CSS so source code is viewable, you'll see the in internet explorer the image that should be on the left has centered and the background colour has dissappeared.. I'm really hoping someone can help before I lose the will! Thanks, Andy I apologise if I am in the wrong section of the forum, but I'm not sure where it should be. I am at the end of my tether as to why something I do in my new web site using my favoured Mozilla Firefox does not work in Internet Explorer which I know many people use. My web site is www.otrcricket.com On the sponsors page is a link from our Sponsor (Ratcliffe) logo to their web site, it works perfectly in Mozilla but not in IE. Could someone kindly explain what I am doing wrong. I would be grateful for your help. Many thanks Victor I am testing a clients site, and have it on a local server, and bringing it up in Firefox and Internet Explorer 7 to try and work out the bugs, and for some reason, there are images that are not coming up in Explorer, but coming up just fine in Firefox. Any ideas why? This is the first thing that I have ever written, so don't laugh and make derogatory remarks. The code works flawlessly on firefox and safari, but for some reason on internet explorer it doesn't even look remotely similar. So, please, any help I can get is welcomed. Code: <html> <head> <title>Theory Productions</title> <style type="text/css"> body {background-color:000000} h2 {text-align: center} h2 {color: #EEFAFA} h2 { font: 175% "gill sans" } h2 { line-height: 14pt } a:link {color: #FFFFFF; text-decoration: none} a:visited {color: #FFFFFF; text-decoration: none} a:hover {text-decoration: none} a:active {color:#FFFFFF; text-decoration: none} </style> </head> <body> <span style="position: relative; left: 88px"><img src="logo.gif" width="650px" height="215px"> </span> <h2><a href="http://www.google.com" target="_blank">Echols</a></p> <h2>Echols' Concert</p> <h2><a href="http://www.google.com" onclick="window.open(this.href,'popup','width=720,height=480');return false">Echols' Great Adventure</a> <h2><a href="EGTS.htm">Echols Goes To School</a> <h2><a href="http://www.google.com" target="_blank">Adam's Playground Adventure</a></p> </body> </html> Thanks, Adam Could someone here please tell me why the site I am building displays the left side navigation bar differently in Firefox and in Internet Explorer? I have worked on this problem for about 8 hours and I want to bang my head on my desk because I cannot figure it out. Here's the site: www.carlosuresti.com Any help would be much appreciated as my boss wants this done ASAP. Thanks. -thur Hey guys. I'm having a problem regarding a website I'm building for a friend. It displays perfectly fine on Mozilla Firefox, but when a certain page is viewed on Internet Explorer (said page is http://kod.cogia.net/index.php?page=members), it is absolutely messed up. I've inspected the code a few times but cannot come up with a reason why it is like that. The style code is located at " http://kod.cogia.net/includes/style.css ". The code for the members page is (the resulting HTML) can be viewed by looking at the source code of the page. Thanks for any and all help guys! I'm an HTML novice in desperate need of an HTML expert. I paid a guy a lot of money to convert my website over from a Microsoft server to a Linux server and the results were mixed. The text links work in Internet Explorer but not in Firefox. http://www.colorado-carpet-masters.com/carpetcleaningBoulder.php I tried taking them out of a table with no luck. For some reason Firefox reads the links as regular HTML instead of a Hyperlink. Greetings and thanks for checking my question out. I oversee an academic site for mostly text at www.zeitschrift.co.uk and when I recently updated it with new material, specifically at www.zeitschrift.co.uk/v4n1jryskamp, it will not seat properly in the browser window, but this page seems to work ok with explorer. Does anyone have any suggestions. Much appreciated, HTML Dad Need help determining why the below code will load on firefox but not internet explorer. fixed why? thanks Here is the code: EDIT: I missed part of the code: <id class = "vision"> CLEAN is founded </class>on the belief that education is the essential foundation for global climate change solutions. CLEAN is a program designed to supplement existing elementary (1st-8th grade) science education. First, children learn the fundamental scientific background they need in order to understand global climate change. Second, CLEAN provides them with the tools and support they need to take positive action. Particular emphasis is placed on climate change as a concern that is not only individual and local, but equally collective and global. This emphasis is supported through the development of communication and collaboration between classrooms locally and internationally. The problems presented by global climate change can seem overwhelming, often leading to apathy and inaction. By combining practical information with a fun, engaging, play-based learning environment, CLEAN fosters a positive attitude that empowers children to take meaningful action. and the "Vision" code in my css is very simple: .vision { font: bold 25px Tahoma, 'trebuchet MS', Sans-serif; } In firefox it renders like this: while here it is in Explorer: Why the difference and how do I fix it? I have read that Microsoft doesn't follow the "rules" established by the web boards about how code should be done. Is this the problem in this case? Thanks! I am experiencing frustration due to the website that I've designed is being displayed perfectly in the Explorer browser, but in Firefox its all screwed up. Is it coding issues? My website is at www.wolfdenexpeditions.ca cheers |