By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
457,932 Members | 1,462 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 457,932 IT Pros & Developers. It's quick & easy.

Horizontal list problem

P: n/a
I've been trying to lay out a list horizontally, like at
http://www.w3schools.com/css/tryit.a...=trycss_float5 , but I'm
having some problems. The HTML Structure is
<div id="page_footer">
<ul id="categories">
<li><div class="category">
Home
<ul>
<li><a>somelink</a></li>
etc
</ul>
</div></li>
etc
</ul>
</div>
The CSS I'm using is
#page_footer #categories { float: left; }
#page_footer .category { float: left; width: 10em; }
#page_footer #categories > li { display: inline; }
in Firefox this works fine, but in IE the result is staired, i.e.
further list items are a placed a line lower than their preceding item.
Am I doing something wrong or is there a workaround?
The page I am testing this on is at http://darthdevilous.da.funpic.de/

Apr 19 '06 #1
Share this Question
Share on Google+
1 Reply


P: n/a
Solved - found a site with plenty of examples of lists...
http://css.maxdesign.com.au/listamatic/

Apr 19 '06 #2

This discussion thread is closed

Replies have been disabled for this discussion.