I have a list that views fine in ie/WIN but in ie5 Mac the list items don't match up...depending on the resolution of the screen..an item can be one line above or one line below.
Here´s the css:
#librolist
{
margin: 25px 0 0 5px;
padding: 0;
}
#librolist ul, #librolist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
and here is the html on the page:
<div id="librocontent">
<h5 id="librocontent">Volumen 22 - Plecoptera</h5>
<p><br>
<strong>Autor(es):</strong> <br>
J.M. Tierno de Figueroa, A. Sánchez Ortega, P. Membiela Iglesia y J.
M. Luzón Ortega </p>
<p><br>
<strong>ISBN:</strong><br>
Madrid 2003. 440pp.84-00-08198-6 42,26€ +4% IVA </p>
<div id="librolist">
<ul id="librolist">
<li><a href="undefined" >Fe de erratas</a></li>
<li><a href="undefined" >Actualizaciones</a></li>
<li><a href="undefined" >Adquirir</a></li>
<li><a href="undefined" >Volúmenes</a></li>
</ul>
</div>
</div>
Any idea what's wrong?
Thanks
{display: inline;} not working properly in ie5 mac
You can add:
white-space: nowrap;
... to your #librolist ul CSS.
Since the li items are inline, they will wrap in the normal manner, as text. Therefore, making the white-space declaration of nowrap will stop any white space -- as is normally allocated inline -- from wrapping.
{display: inline;} not working properly in ie5 mac
that appears to have solved the problem...many thanks