2 replies [Last post]
jarow
Offline
newbie
Last seen: 15 years 27 weeks ago
Joined: 2004-01-13
Posts: 5
Points: 0

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&aacute;nchez Ortega, P. Membiela Iglesia y J.
M. Luz&oacute;n Ortega </p>
<p><br>
<strong>ISBN:</strong><br>
Madrid 2003. 440pp.84-00-08198-6 42,26&euro; +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&uacute;menes</a></li>
</ul>
</div>
</div>

Any idea what's wrong?

Thanks

co2
co2's picture
Offline
Leader
UK
Last seen: 11 years 14 weeks ago
UK
Joined: 2003-09-17
Posts: 721
Points: 0

{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.

The next sentence is true. The previous sentence is false. Discuss...

jarow
Offline
newbie
Last seen: 15 years 27 weeks ago
Joined: 2004-01-13
Posts: 5
Points: 0

{display: inline;} not working properly in ie5 mac

that appears to have solved the problem...many thanks