patrick j <pa*****@jamesnews.orangehome.co.ukwrote:
news: 00*****************************@News.Individual.Ne t
Hi
I've just discovered that IE 7 messes up horizontal lists.
I've done a bit of searching the web but a solution has not sprung
forth from this searching.
Below is a url with a horizontal list:
<http://css.maxdesign.com.au/index.htm>
With IE 7 all looks very well at 100% but increase the zoom to 125% or
150% then all the text in the list crushes together but the positions
of the links seem to remain in scale with the zooming. What you have
is a jolly mess :(
I'm wondering if there are any horizontal list experts who know of a
solution to this one?
zoom:100%;
padding:0 0.3em;
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content=
"text/html; charset=windows-1252">
<title></title>
<style type="text/css">
#nav {
margin: 0;
padding: 0;
}
#nav li {
background-color: #ffe;
display: inline;
margin: 0 0.3em;
padding: 0 0.3em;
}
#nav li:hover {
background-color: #fcc;
}
#nav, #nav li {
list-style: none;
}
</style>
<!--[if IE 7]>
<style type="text/css">
#nav li {
padding: 0 0.3em;
}
#nav, #nav li {
zoom: 100%;
}
</style>
<![endif]-->
</head>
<body>
<ul id="nav">
<li><a href="/listamatic/">Listamatic</a></li>
<li><a href="/listamatic2/">Listamatic2</a></li>
<li><a href="/listutorial/">Listutorial</a></li>
<li><a href="/floatutorial/">Floatutorial</a></li>
<li><a href="/selectutorial/">Selectutorial</a></li>
<li><a href="http://www.maxdesign.com.au/book/">Book</a></li>
</ul>
</body>
</html>
--
BootNic Saturday, November 04, 2006 10:57 AM
Nothing is stronger than habit.
*Ovid*