Strange Mac IE problem

Forum Moderators: not2easy

Message Too Old, No Replies

Strange Mac IE problem

Ezio

2:28 pm on Jun 16, 2004 (gmt 0)

Hello,

If you visit the following URL on any browser save Mac's IE you'll see three clocks next
to one another. However, when viewing the URL with IE on a Mac only the first two are seen plus a small bit of the third. Any ideas or suggestions?

Here's the URL >>
<snip>

Thanks!

[edited by: DrDoc at 2:48 pm (utc) on June 16, 2004]
[edit reason] No URLs, thanks. See TOS [webmasterworld.com] [/edit]

DrDoc

2:50 pm on Jun 16, 2004 (gmt 0)

Welcome to Webmaster World!

The MacEdition website contains a number of useful resources for IE/Mac (and other Mac browsers) with regards to CSS: [macedition.com...]

Ezio

3:40 pm on Jun 16, 2004 (gmt 0)

Thanks for the link. I've been to a number of sites on there, specifically the Mac bugs site. I don't believe it's a bug though it's quite strange.

DrDoc

4:40 pm on Jun 16, 2004 (gmt 0)

Maybe if you provide some relevant code [webmasterworld.com] we can help narrow down what the problem might be.

Ezio

4:52 pm on Jun 16, 2004 (gmt 0)

Sorry about posting the URL. Here is the code >>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

.stylelayer0 {
position:relative;
width:80px; height:62px; padding: 0px 0px 0px 0px;
z-index:31;
left: -130px; top: 0px; right: 565px;
border: 1px none #000000;
visibility: visible;
}

.stylelayer1 {
position:relative;
width:80px; height:62px; padding: 0px 0px 0px 0px;
z-index:31;
left: -50px; top: -62px; right: 484px;
border: 1px none #000000;
visibility: visible;
}

.stylelayer2 {
position:relative;
width:80px;height:62px; padding: 0px 0px 0px 0px;
z-index:31;
left: 30px; top: -124px; right: 403px;
border: 1px none #000000;
visibility: visible;
}

.stylelabel {
margin: 0, 0, 0, 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFCC00;
font-weight: bold;
position:absolute;
width:80px;
height:18px;
padding: 0px 0px 0px 0px;
z-index:32;
top: 4px;
border: 1px none #000000;
visibility: visible;
left: 0;
}

.styletime {
margin: 0, 0, 0, 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFCC00;
font-weight: bold;
position: relative;
width:59px; height:16px; padding: 0px 0px 0px 0px;
z-index:33;
top: 27px; left: 2px;
border: 1px none #000000;
visibility: visible;
}
-->
</style>
</head>

<div id="clockcenter" style="position:absolute; width:100%; height:62px; z-index:600; left: 0; top: 0;">
<div align="center">

<div id="ChicagoLayer" class="stylelayer0" style="background-image: url(images/hdr_clock_bg.gif);">
<div id="CityLabel3" class="stylelabel">
<div align="center">
Chicago
</div>
</div>
<div align="center">
<div id="Chicago1" class="styletime">
0:00 am
</div>
</div>
</div>

<div id="ChicagoLayer" class="stylelayer1" style="background-image: url(images/hdr_clock_bg.gif);">
<div id="CityLabel2" class="stylelabel">
<div align="center">
Chicago
</div>
</div>
<div align="center">
<div id="Chicago2" class="styletime">
1:00 am
</div>
</div>
</div>

<div id="ChicagoLayer" class="stylelayer2" style="background-image: url(images/hdr_clock_bg.gif);">
<div id="CityLabel1" class="stylelabel">
<div align="center">
Chicago
</div>
</div>
<div align="center">
<div id="Chicago3" class="styletime">
2:00 am
</div>
</div>
</div>

</div>
</div>
</body>
</html>