Re: [css-d] Simple menu bar

On Fri, Jul 30, 2010 at 9:16 PM, Peter Lawson wrote: > I doubt you get questions more basic than this :-[ > > How do I get this menu bar to centre itself on the page? > And show its background colour? Sorry for the late reply but I wrote up a quick blog post about a technique I like to use for cr

Re: [css-d] Simple menu bar

> Thanks for your kind words, David, and the elegant solution found at > your link. http://chelseacreekstudio.com/ca/cssd/8.html > Am I right in thinking that > > * html #nav ul { > overflow : visible; > width : 100%; } > > makes it work in a variety of browsers? I just use FF Peter - here is

Re: [css-d] Simple menu bar

Peter Lawson wrote: > > Am I right in thinking that > > * html #nav ul { > overflow : visible; > width : 100%; } > > makes it work in a variety of browsers? I just use FF > > > No. Star html preceding a selector is a filter [ hack ]. It is for IE/6.0 and is /only/ seen by that browser. If

Re: [css-d] Simple menu bar

Rick Gordon wrote: > Why do you need the floats? Just at a glance, I'd suspect that that's > what's messing up your centering. Removed the first float: left and the bottom border moves to the top Removed the second one and the list turns vertical John D wrote: > Use this code. It works in IE8

Re: [css-d] Simple menu bar

Peter Lawson wrote: > I doubt you get questions more basic than this :-[ > > It is basic questions that make the world tick. Fwiw, a stab at your very good question Best, ~d -- http://chelseacreekstudio.com/

Re: [css-d] Simple menu bar

> I doubt you get questions more basic than this :-[ > > How do I get this menu bar to centre itself on the page? > And show its background colour? > > > #nav { > margin: 0 auto 3em auto; float: left; padding: 0; > list-style: none; > background-color: #f2f2f2; > border-bottom: 2

Re: [css-d] Simple menu bar

Use this code. It works in IE8 #nav { background: #f2f2f2; border-bottom: 4px solid #ccc; border-top: 4px solid #ccc; float: left; width: 100%; overflow: hidden; position: relative; } #nav ul { clear:left; float:left;

Re: [css-d] Simple menu bar

Why do you need the floats? Just at a glance, I'd suspect that that's what's messing up your centering. Rick Gordon -- On 7/30/10 at 1:16 PM +0200, Peter Lawson wrote in a message entitled "[css-d] Simple menu bar": >I doubt you get questions more b

[css-d] Simple menu bar

I doubt you get questions more basic than this :-[ How do I get this menu bar to centre itself on the page? And show its background colour? #nav { margin: 0 auto 3em auto; float: left; padding: 0; list-style: none; background-color: #f2f2f2; border-bottom: 2px sol