Page 1 of 2

Browser problem

Posted: Thu Jun 21, 2007 7:59 pm
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!

Posted: Thu Jun 21, 2007 8:07 pm
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?

Posted: Thu Jun 21, 2007 10:16 pm
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]

Posted: Fri Jun 22, 2007 1:46 am
by matthijs
What's the url of the popup? I don't see any.

Posted: Fri Jun 22, 2007 2:24 am
by webdev

Posted: Fri Jun 22, 2007 2:43 am
by Gente
Try to specify DOCTYPE and validate your CSS before.
Usually it helps to resolve a lot of problems with browsers.

Posted: Fri Jun 22, 2007 2:45 am
by matthijs
Looks ok in both FF and Safari on the Mac. What is the problem?

Posted: Fri Jun 22, 2007 3:39 am
by webdev
matthijs, have a look the website on Internet Explorer to see whats the difference.

Posted: Fri Jun 22, 2007 4:27 am
by matthijs
Both ie6 and ie7 (win XP) look fine as well.

What is the problem?

Posted: Fri Jun 22, 2007 11:26 am
by RobertGonzalez
Safari, Opera and IE6 all look the same to me. What's the problem?

Posted: Sun Jun 24, 2007 9:03 pm
by webdev
Thanks, guys. Oh well, look different on Mac IE. Very wierd!!!

Posted: Sun Jun 24, 2007 9:25 pm
by feyd
People still run IE on the Mac? Wow.. that's a very old browser.

Posted: Sun Jun 24, 2007 10:45 pm
by webdev
What's going on, feyd?

Posted: Sun Jun 24, 2007 11:28 pm
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.

Posted: Sun Jun 24, 2007 11:56 pm
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.