No replies
microserf
Offline
newbie
Last seen: 13 years 2 weeks ago
Joined: 2004-01-18
Posts: 7
Points: 0

Hi everybody!

I have a problem with IE Mac 5.2, though not with any other Mac Browsers, apparently. And there's the added difficulty that I don't have a Mac to experiment on. So I was hoping some of the cross browser gurus here might have a simple solution...

If you're not on IE Mac 5.2 and want to have a look at the intended design, see

http://www.fistfulofeuros.net

and for a screenshot of the MAC IE 5.2 version:

http://www.fistfulofeuros.net/test-blog/ff.jpg

Here's the main, positioning css -

body { 
background:#002255;
font-family: Verdana, geneva, Arial, sans-serif; /*font-family: Times, palatino, georgia, verdana, arial, sans-serif;*/ 
font-size: 80%; 
font-weight: normal; 
margin: 0; 
padding: 0 0 2em 0; 
text-align: center; /* needed to center the container in IE5.x because it doesn't like 'margin: 0 auto' */ 
voice-family: "\"}\""; voice-family:inherit;
  font-size:small;
  } html>body {font-size:small;}		 


#mainlayer { 
width:720px; 
margin: 10px auto; 
text-align:left; 
border:1px solid black; 
background: url(afoebg.jpg) repeat-y; 
z-index:1; 
} 

#banner{background:url(nafoe.jpg) no-repeat top left; 
height:200px; 
z-index:2; 
} 

#bottombanner {background:url(nafoebottom.jpg) no-repeat bottom left;
	height:10px;
	z-index:2;
}

#leftcontent { 
float:left; 
margin-top:0px; 
margin-left:0px; 
margin-right:14px; 
padding-top:200px; 
padding-left:30px; 
padding-right:20px; 
width:184px; 
background:transparent; 
z-index:3; 
} 

#centercontent { 
width: 426px; 
padding-top:135px; 
margin-left:0px; 
margin-right:0px; 
padding-left:0px; 
padding-right:0px; 
float:left; 
background: transparent; 
z-index:3; 
overflow:hidden;
} 

And here's the main HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>A Fistful of Euros</title>
<link rel="stylesheet" href="newstyles.css" type="text/css" />

<script language="javascript" type="text/javascript">
function OpenComments (c) {
    window.open(c,
                    'comments',
                    'width=480,height=480,scrollbars=yes,status=yes');
}

function OpenTrackback (c) {
    window.open(c,
                    'trackback',
                    'width=480,height=480,scrollbars=yes,status=yes');
}
</script>
</head>

<body>
<div id="mainlayer"> <!-- container -->
<div id="banner"> <!--mainbg-->

<?php include("sidebar.php"); ?>

<div id="centercontent">
<div class="blog">

<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
...
</rdf:RDF>
-->

<h2 class="date">
January 30, 2004
</h2>

<div class="blogbody">
<a name="000302"></a>
<h3 class="title">A New European</h3>
...	
	
</div>
</div>

</div>
<BR style="clear:both" />
<div id="bottombanner"></div>
</div>
</body>
</html>

I'd really appreciate any comment!

Thanks in advance,

microserf