[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