|
HTML - Firefox To Explorer Compatibility
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?
Similar TutorialsHi, I am in the process of building a website for a client. This is my first ever site so I knew I would have a few issues. I have fixed all but one at present. Here is a link to my site which I have put live on a test server. http://leaf.greenxtian.com/grangefarm/index.html The naviagation bar and Lightbox2 images are moving when rolled over. This only happens in Internet Explorer 8. It is fine in FireFox and other browsers. It is only on the Services/Facilities Pages so I think it may be an issue with the CSS for Lightbox2? Maybe how I have set it up or just a bug in the coding? Does anyone know why this is happening? If so, do you know of a fix? Any help would be greatly appreciated as I have spent hours trying to work this out. Hi My use of HTML is pretty basic but adequate. On my charity website it appears OK in I.E. which I think I'm right in saying accounts for around 95% of users (?). However I find that in a Firefox browser my textural content is inconsistent, using a different (default?) font to my Verdana, and not resulting in the same size as used in the I.E. structure. Trial and error on the Firefox browser gets it right there, but then wrong on I.E. Is there (for starters) one (or more) tag(s) to a) set a default text in the Head for say Verdana Bold Size 2 colour #330099, then if so b) how to change size for any variations in body. Will welcome any advice on this matter. willemm Hey everyone. I just stumbled upon another little problem: I think the picture talks for itself: http://i23.photobucket.com/albums/b3...enoctrober.jpg This is the way it comes up in Mozilla, doesn't do that in IE though. Help? Hello all, I've just made my first website, and tested it initially in IE 8 and then viewed in Safari, Chrome, and Firefox 3. It displays perfect in IE, Safari and Chrome, but Firefox has some quirks! Issue 1: My bordered pictures are displaying a blue border, which is yellow in the other browsers. Though they are also links, other non-bordered picture links don't have it, and I have set the links colours in the CSS to be yellow and grey anyway (which works fine for the text links). Issue 2: Small images next to each other won't sit side by side, they jump to the next line. Both these issues can be seen on this page (if viewed in Firefox, naturally!): http://www.swingcopation.co.uk/whatwecando.html Any ideas would be greatly appreciated! I can post the code for the page if required. Thanks, Nubbin. Hello, Still looking for someone to help us solve the problem we are having with our website. www.random-rocks.com the buttons, etc... only work in Internet Explorer and NOT in Firefox ? Need someone to see source code and let us know WHAT AND WHY ? this is happening? We did get a response, but tried it and doesn't seem to be the answer, unless we are not doing something right. PLEASE, PLEASE HELP US. a.s.a.p. THANK YOU 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> Hello, 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 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. 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! 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'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 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 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! 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 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. |
|||||||