Forum Moderators: not2easy
I am in the process of redesigning a site, and am trying to take pains to validate a I go and write correct XHTML. It's very small (8 or so pages). It's displaying correctly in every browser I test it on except for IE Mac.
this is the relevant CSS:
body
{
margin: 0px;
padding: 0px;
color: #000;
background-color: #fee;
}
.mass
{
margin: 150px 150px 30px 150px;
padding: 20px 0px 0px 0px;
}
#main
{
position: absolute;
left: 50%;
width: 750px;
margin-top: 50px;
margin-left: -391px;
border: 1px solid #333;
color: #000;
background-color: #f63;
background-image: url("jpg.jpg");
background-position: top center;
background-repeat: no-repeat;
}
p.copy
{
font-family: Verdana, sans-serif;
background-color: #f63;
color: #eee;
font-size: 12px;
}
and this is the HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/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>page title</title> <meta name="generator" content="BBEdit 6.5.2" />
<link rel="StyleSheet" href="css.css" type="text/css" media="screen" />
</head>
<body><div id="main">
<!-- menu stuff here. it's a php include-->
<div class="mass">
<p class="copy">
title of article
</p><p class="copy">
copy copy copy
</p><p class="copy">
more copy etc.
</p>
</div>
</div>
</body>
</html>
the problem is that IE mac squeezes all the copy into a one-word width column of type, whereas all other broswers i have yet to see display it as normal copy-- about 450px across. any ideas? I have validated both the XHTML and the CSS (but not together, which I understand is a limitation of the W3C validator), and they seem fine (no warnings, even!).
What version of IE are you using on the Mac? Have a look at the Mac IE bug list [macedition.com] here to see if any of them could be the problem...
Welcome to WebmasterWorld, toothfish
I'm using IE Mac 5.2.3- I had actually uninstalled it, but I noticed the site looked funky on a friend's machine and had to download the latest version.
I did look at the IE Mac bug list you mention BlobFisk, but
either I'm overlooking something or I'm not experienced enough to know what I'm looking for. I'm tempted to blame one of the float bugs, but none of them appear to be relevant. I'm using the second centering technique proposed by BlueRobot [bluerobot.com]-- does that have any known side effects?
Have you tried taking #main...
it seems that the "Incorrect inheritance of positioning information..." bug is what's causing it. i'll have to mess with it. the macedition page says that using "position:static;" is not an effective workaround, but are there any?
what i'm looking for is a fixed-width horizontal menu. it doesn't seem to be that hard, but it's driving me nuts. any suggestions for things to look at?
