Peter wrote:
>Thanks anyway. Any other ideas folks?
I have got a similar problem with IE5.2 on the Mac
A navigation bar (div id="one") that is horiziontal on all other browsers is vertical
in IE5.2 on the Mac.
Fortunately another very similar navigation bar (div id="two") worked as expected.
The difference between the two was the holding div (div id="one") was absolute
positioned inside a relative position div. Where as (div id="two") was a relative
positioned inside a relative position div. Changing (div id="one") to relative
positioned fixed the problem.
What the problem appears to be is IE5.2 on Mac can not float items that are inside a
absolutely positioned div.
Nick
The code if any one is interested.
<div id="one">
<span><a href="#">link 1</a></span>
<span><a href="#">link 2</a></span>
<span><a href="#">link 3</a></span>
</div>
#one {
position: absolute;
bottom: 0;
left: 0;
background-color:#666;
width: auto;
clear: both;
height: 1.8em;
margin: 0;
padding: 0;
}
#one span {
display: block;
width: 7em;
float: left;
padding: 0.3em 0 0.3em 0;
}
#one a {
/* main links */
height: 1%;
color: #06f;
padding: 0.3em 0.5em 0.3em 0.5em;
text-decoration: none;
}
<div id="two">
<span><a href="#">link 1</a></span>
<span><a href="#">link 2</a></span>
<span><a href="#">link 3</a></span>
</div>
#two {
/* holds bottom links */
position: relative;
background-color:#e8e8e8;
width: auto;
clear: both;
height: 1.8em;
margin: 0;
padding: 0;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
font-size: 0.82em;
}
#two span {
/* controls padding and size of bottom links */
display: block;
width: 7em;
float: left;
padding: 0.3em 0 0.3em 0;
}
#two span a {
/* bottom links */
padding: 0.3em 0.3em 0.3em 0.6em;
}
*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************
