[thelist] IE 5 Win CSS problem

Maximillian Schwanekamp anaxamaxan at neptunewebworks.com
Thu Mar 25 20:19:55 CST 2004


Hello List,

Making slow progress with CSS and XHTML.  With my new BrowserCam access
(thanks to Adrian) I see that I have a problem with a recent layout on IE 5
Mac (and Opera 6 Mac too).  I have a child div aligning itself in the
center, even though it has left:0.  There's a border problem below that, but
that's not such a mystery.  This misplaced div is irritating though!  Here
is the relevant code (sorry for the wrapping):
<body>
<div id="container">
		<div id="banner">
			<a href="http://www.politicalmusings.net/" title="political musings"><img
src="http://www.politicalmusings.net/template_images/masthead.jpg"
height="149" width="771" alt="PoliticalMusings.net" /></a>
			<div id="slogan"><img
src="http://www.politicalmusings.net/template_images/slogan.jpg" height="47"
width="189" alt="Enemies in War, in Peace Friends" /></div>
			<div id="timestamp">Thursday, March 25th 2004</div>
		</div>
<!-- bunch of other code -->
</body>

body {
	background-color: #c0c0c0;
	padding: 0;	margin: 0 auto;
	text-align: center; color: black;
	font: normal 76%/100% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
div#container {
	border: 0; margin: 0; margin-left: auto;
	margin-right: auto; padding: 0;
	background-color: white; width: 771px;
}
div#banner {
	position: relative;
	padding: 0;	margin-bottom: 0px;
	background-color: #323896;
	color: white; font-size: 0.9em;
}
div#timestamp {
	position: absolute;
	top: 5px; right: 5px;
	font-size: 0.8em;
}
div#slogan {
	position: absolute;
	top: 127px;
	left: 0px;
}

Here's a screenshot (8x6 from BrowserCam):
http://www.neptunewebworks.com/tmp/pm_net_ie5mac.jpg

Any suggestions would be appreciated!

PS - The political opinions on that site are *NOT* mine, nor do they even
resemble mine.  I'm just concerned with doing the job right.

Maximillian Von SchwaÚVßLmp
NeptuneWebworks.com
voice: 541-302-1438
fax: 208-730-6504




More information about the thelist mailing list