FRIHOST FORUMS SEARCH FAQ TOS BLOGS COMPETITIONS
You are invited to Log in or Register a free Frihost Account!


Browser compatibility





SpitsBeaT
I'm not sure if this is at the right forum, but are you guys having trouble with browser compatibility issues for your website?

Apparently I have a site which works just as I want it to on Chrome, Firefox, Safari, Opera, and the list goes on. But it makes me sick that IE doesn't read the alignments properly; the images are out of place.

Are there any fix to this? Am I doing something wrong? Or is this a common issue out there with IE?
foumy6
it wouldn't surprise me if it was just an issue with IE, because even though it is the most common I find it to be the worst.

But if it is not that then I just need some more information,
What script language are you using?
If you are using pre-made programs (phpbb for example) are they completely up to date
I just need some more info about your site because it could be a few different things
deanhills
I'm almost certain if you Googled it that you would find the right script for it. I know there are scripts for HTML5 browser compatibility, but not sure what language you are using for coding your Website.
oreogami
IE is just a nightmare in my opinion. When I have to deal with IE, I just create a custom IE stylesheet.
SpitsBeaT
No big fancy scripts, just some normal css. I'm still a beginner at this though, so pardon my lack of knowledge Smile

Thanks for the help guys! Appreciate it, here's the page code:

Code:
<html>

<HEAD>

<TITLE>SpitsBeaT</TITLE>
<link rel="shortcut icon" href="images/favicon.ico">
<!--Designed by Seah Guo Wei, Singapore; Email: [email removed]; Website: http://spitsbeat.info -->

<SCRIPT LANGUAGE="JavaScript">

image1 = new Image();
image1.src = "images/playbutton_on.gif";

image2 = new Image();
image2.src = "images/fb_on.gif";

// End -->
</script>

<style type="text/css">

body
       {margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   background-color: white;}

.all  {position: absolute;
       margin-left: auto;
       margin-right: auto;
       margin-top: auto;
       margin-bottom: auto;
       left: 0;
       right: 0;
       width: 960px;
       height: 720px;
       border: 0;}

.one    {position: absolute;
         top: 306px;
         left: 380px;}

.two    {position: absolute;
         top: 306px;
         left: 603px;}
   
.three   {position: absolute;
         top: 0px;
         left: 0px;}

.four   {position: absolute;
         top: 670px;
       left: 360px;
         font-size: 11px;
         color: #BDBDBD;
       font-family: Arial;}

</style>

</HEAD>

<BODY>

<div id=EchoTopic>
<div align="center" class="all">
<div class="three">
<p><img src="images/default.gif" alt="Click on the Play button!"/></p>
</div>

<div class="one">
<a href="MyPlayground" onmouseover="image1.src='images/playbutton_on.gif';"
onmouseout="image1.src='images/playbutton_off.gif';">
<img name="image1" src="images/playbutton_off.gif" border=0></a>
</div>

<div class="two">
<a href="[facebook url removed]" onmouseover="image2.src='images/fb_on.gif';"
onmouseout="image2.src='images/fb_off.gif';">
<img name="image2" src="images/fb_off.gif" border=0></a>
</div>

<div class="four">
( Copyright &copy; 2010-2011 SpitsBeaT.info \ All rights reserved )
</div>

</BODY>

</html>


I pretty much gave up googling about it after a month or so hahaha! But we still gotta cater to potential idiots out there who still uses IE though. Sigh.. Wink
deanhills
Great stuff thanks SpitsBeaT. Very Happy
belltown
For starters, your <div> tags don't all have matching ending tags, </div>. These two, in particular:

Code:
<div id=EchoTopic>
<div align="center" class="all">
D'Artagnan
ie is the white elephant of the web,

you might want to look up on HTML5 Boilerplate and blueprintcss / 960.js

also a major page braker for ie is forgetting the DTD or having anything before it

also i would recommend not to even botter with ie6, the cost of compatibility with that is just not worth ...
ankurthakur
Welcome SpitsBeat... May be this will be helpful sometime : http://www.frihost.com/forums/vt-132292.html Wink
chatrack
Browser at my office and home are similar. pC configuration too, still I have more browser compatibility at office. I could live view some java things at office not at home
deanhills
ankurthakur wrote:
Welcome SpitsBeat... May be this will be helpful sometime : http://www.frihost.com/forums/vt-132292.html Wink
Excellent suggestion in that thread thanks Ankur. Have bookmarked the site.

I did not realize that there were that many different varieties of browser out there .... I've typed in Frihost, so will see how the Index Page looks like in the different browsers .... Very Happy

Aha .... this was the end result ....
Quote:
There were already 85 screenshot requests for this website today.
Please create a user account for more screenshot quota.


Think I will try this software out tonight after work:
https://browserlab.adobe.com/en-us/faqs.html

It's free until April 2012
TenshiMaster
My site is compatible with all browsers, but not working in Google Chrome CSS Borders
johans
before i built my site i check all the major browsers compatibility such as safari, firefox, google chrome, IE9 and Opera.

but for me i preferred to use Google chrome which is more faster in loading. I used firefox before it i find it slow with some add ons i installed for building sites such as yslow, firebug, php and other add ons.

i like more google chrome because when i check with other forums and ordinary users they used google chrome as their default browsers.

I check also on my monitoring report which i agree that google chrome is used more as a browsers. google analytic s is the best tools to check the users how they browse your sites.
deanhills
johans wrote:
but for me i preferred to use Google chrome which is more faster in loading. I used firefox before it i find it slow with some add ons i installed for building sites such as yslow, firebug, php and other add ons.
I'm seriously thinking of trying Google Chrome out. When I measure my Internet Speed, the Test Website recommends Google Chrome as a better browser (I'm using Mozilla Fox most of the time - 99.9%)
SpitsBeaT
Ah thanks for the replies guys!

As much as IE disgusts us, we still can't ignore the fact that a significant percentage of (dumbass) users out there are still using IE. Sigh.

This is how I want IE to read:


This is how IE reads it:


- Alignments are way off and favicon doesn't show up. Any help on that?





belltown wrote:
For starters, your <div> tags don't all have matching ending tags, </div>. These two, in particular:

Code:
<div id=EchoTopic>
<div align="center" class="all">


Ahhh! Thanks for pointing that out!
But what difference does it actually make?

deanhills wrote:
johans wrote:
but for me i preferred to use Google chrome which is more faster in loading. I used firefox before it i find it slow with some add ons i installed for building sites such as yslow, firebug, php and other add ons.
I'm seriously thinking of trying Google Chrome out. When I measure my Internet Speed, the Test Website recommends Google Chrome as a better browser (I'm using Mozilla Fox most of the time - 99.9%)


Chrome is definitely way faster, specifically when they've cached the site. Give it a shot, angry bird could be installed on Chrome too HAHAHHA! Laughing
ankitdatashn
I recently made a website http://www.ajayanalysis.com/ and embedded a flash object in it. Checked on the Mozilla Firefox browser offline and it was working fine. Then forgot to check it offline on Chrome and Internet Explorer. When I took it online it was working on Mozilla Firefox but was not working on Chrome and Internet Explorer. However after some time the problem rectified automatically!

Creepy Stuff! Smile
deanhills
ankitdatashn wrote:
I recently made a website http://www.ajayanalysis.com/ and embedded a flash object in it. Checked on the Mozilla Firefox browser offline and it was working fine. Then forgot to check it offline on Chrome and Internet Explorer. When I took it online it was working on Mozilla Firefox but was not working on Chrome and Internet Explorer. However after some time the problem rectified automatically!

Creepy Stuff! Smile
Did you check all the versions of Internet Explorer? The last one may be "automatic" but previous versions may need a bit of a helping hand.
Coen
This is not really a solution to your problem, but you could also advocate the use of other browsers (such as FireFox or Chromium) on your website, apart from trying to make IE display it properly. Seeing IE has safety issues compared to at least FireFox it wouldn't be a bad thing.

Sorry for taking this slightly off-topic, by the way Razz
johans
alignment is not a browser issue. it think on how you made your site.. my site http://www.johansempuerto.tk joomla platform is align and same with other browsers such as IE, Chrome, Firefox , opera and safari.. no issue fo alignment.
Coen
I have to disagree with you on that. Different browsers sometimes interpret certain coding differently, causing a website to look different in say IE than that it does in FF. If the coding is compatible with all browsers then you should be fine, but there is no doubt about it that some browsers display coding differently from time to time.
deanhills
Coen wrote:
I have to disagree with you on that. Different browsers sometimes interpret certain coding differently, causing a website to look different in say IE than that it does in FF. If the coding is compatible with all browsers then you should be fine, but there is no doubt about it that some browsers display coding differently from time to time.
Agreed. Even different versions of the same browser may interpret certain coding differently.
johans
very minimal changes on browser compatibility. As we all know different browsers means different company.. they do it for business.

for us users need to adjust on what they do. lol.

Very Happy
SpitsBeaT
The main part of my site runs on Wordpress, it works fine for all platforms. The screenshot I made is the "intro" page, and I wrote it myself. (I'm an amateur though)

How do I deal with this problem? Anyone?
ocalhoun
SpitsBeaT wrote:

How do I deal with this problem? Anyone?

I'm nothing even close to an expert in CSS, but maybe try using relative positioning instead of absolute positioning?

ie, instead of
Code:

{position: absolute;
         top: 306px;
         left: 380px;}

use something more like
Code:

align: center;
width: 70%;

(Just an example. My syntax is probably wrong there.)
Related topics
Okay, I'm done trying to use CSS for layout.
W00t! Something that finally fixes IE.
CSS OR TABLES
Designing a website tips
How to center something horizontally AND vertically...
First XMLHttpRequest Object Project - A refreshless shoutbox
Opera Fans Site
Book on CSS
Having browser compatibility issues
Browser Compatibility issues
Browser Compatibility issues
Old browser compatibility.
Site load in half time (with no browser compatibility issue)
JS: How do you manage Cross Browser Compatibility?
Reply to topic    Frihost Forum Index -> General -> General Chat

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2011 Frihost, forums powered by phpBB.