Hi,
I've been googling and experimenting all day, but have come up empty
handed. Is there any way in CSS to distribute list items evenly over
the height of a vertically fluid list, taking into account that the
number if list items may be unknown at style sheet authoring time?
Test code below. I'd rather not have to resort to tables, as
semantically my content is a list.
Thanks,
Ian
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
<head>
<title>List Item Vertical Distribution Test</title>
<style type="text/css">
html, body {
height: 100%;
}
#testList {
height: 75%;
width: 75%;
background-color: silver;
}
#testList li {
background-color: yellow;
}
</style>
</head>
<body>
<ul id="testList">
<li>How could I distribute these list items</li>
<li>evenly over the height of this list?</li>
<li>(taking into account that the number of </li>
<li>list items may be unknown at authoring time)?</li>
</ul>
</body>
</html>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
