Browser problem

JavaScript and client side scripting.

Moderator: General Moderators

webdev
Forum Commoner
Posts: 25
Joined: Tue Jun 05, 2007 2:07 am

Browser problem

Post by webdev »

Hi guys,

The website is made up of HTML and CSS on MAC platform. I tested with different browser such as Internet Explorer, Safari, etc. When I looked 2 different browsers, the browsers were completely different ways. I don't understand why the 2 browser so different?

Any ideas that you can do that for me? That's would be great!
User avatar
feyd
Neighborhood Spidermoddy
Posts: 31559
Joined: Mon Mar 29, 2004 3:24 pm
Location: Bothell, Washington, USA

Post by feyd »

Those are fairly broad questions. Generally, they've been talked about a lot here. Can you be more specific and maybe provide some code?
webdev
Forum Commoner
Posts: 25
Joined: Tue Jun 05, 2007 2:07 am

Post by webdev »

Ok sure, feyd.

Have a look at my website at http://www.kiripark.com.au and then you can see the popup window. In different browsers, you can see the popup window had different layouts.

Code: Select all

<style type="text/css">
<!--
#copytext {
	clear:both;
	padding:12px;
	width:300px;
	min-height:150px;
	background:white;
}
.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130px;
	color:#007dd7;
	font-weight: normal;
	text-decoration: none;
	font-weight: bolder;
}
.bodytext1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#007dd7;
	font-weight: normal;
	text-decoration: none;
}
.bodytext2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FF6600;
	font-weight: normal;
	text-decoration: none;
	margin: 15px 0px 0px 0px;
}
-->
</style>

Code: Select all

<body>
<div id="copytext">
<table height="187"  border="0">
  <tr>
    <td class="bodytext" align="center">8</td>
  </tr>
  <tr>
    <td height="28" align="center" class="bodytext1" valign="top">days left to secure your tax deduction.</td>
  </tr>
  <tr>
    <td class="bodytext2" align="center">CALL Paul Stanley on 0424 656 346 to arrange an allocation now!</td>
  </tr>
</table>
</div>
</body>
So why the broswers is different?

Cheers![/syntax]
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Post by matthijs »

What's the url of the popup? I don't see any.
webdev
Forum Commoner
Posts: 25
Joined: Tue Jun 05, 2007 2:07 am

Post by webdev »

User avatar
Gente
Forum Contributor
Posts: 252
Joined: Wed Jun 13, 2007 9:43 am
Location: Ukraine, Kharkov
Contact:

Post by Gente »

Try to specify DOCTYPE and validate your CSS before.
Usually it helps to resolve a lot of problems with browsers.
Last edited by Gente on Fri Jun 22, 2007 2:47 am, edited 1 time in total.
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Post by matthijs »

Looks ok in both FF and Safari on the Mac. What is the problem?
webdev
Forum Commoner
Posts: 25
Joined: Tue Jun 05, 2007 2:07 am

Post by webdev »

matthijs, have a look the website on Internet Explorer to see whats the difference.
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Post by matthijs »

Both ie6 and ie7 (win XP) look fine as well.

What is the problem?
User avatar
RobertGonzalez
Site Administrator
Posts: 14293
Joined: Tue Sep 09, 2003 6:04 pm
Location: Fremont, CA, USA

Post by RobertGonzalez »

Safari, Opera and IE6 all look the same to me. What's the problem?
webdev
Forum Commoner
Posts: 25
Joined: Tue Jun 05, 2007 2:07 am

Post by webdev »

Thanks, guys. Oh well, look different on Mac IE. Very wierd!!!
User avatar
feyd
Neighborhood Spidermoddy
Posts: 31559
Joined: Mon Mar 29, 2004 3:24 pm
Location: Bothell, Washington, USA

Post by feyd »

People still run IE on the Mac? Wow.. that's a very old browser.
webdev
Forum Commoner
Posts: 25
Joined: Tue Jun 05, 2007 2:07 am

Post by webdev »

What's going on, feyd?
User avatar
feyd
Neighborhood Spidermoddy
Posts: 31559
Joined: Mon Mar 29, 2004 3:24 pm
Location: Bothell, Washington, USA

Post by feyd »

The Mac IE is IE 5. That's two full versions back. The engine that drove IE on the Mac hasn't been updated since 2000. It's missing a lot of the additions for handling CSS modern browsers contain. I wouldn't expect any modern sites to look the same between that and modern browsers unless you used the old ways of layout, which is not a good idea.
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Post by matthijs »

IE5 mac is something of the past. Has already been a while. I even don't bother too much about IE5 win anymore.

You should check your stats and see if IE5/mac even shows up at all. Then decide if it's worth the trouble.

And secondly: many/some developers worry about websites looking exactly the same in all browsers. But think about it. How important is that? Do you think someone browsing with IE5/mac or IE5/win (or any other browser) is going to start up another browser and compare the way your website looks in both? You think he or she is going to call you and complain that your sidebar header is 10px more to the left in IE5 then it is in IE6?

My philosophy is that a website should function and look as intended in modern browsers. And be accessible and usable in older browsers. With clean (x)html/css that shouldn't be a problem. If IE5 users, both win and mac, don't get the full fancy experience or miss a few graphical details, so be it.
Post Reply