hi wonder if anyone can help i wish to have my menu not wrap when the user minimises their screen or if they view the site in a smaller screen any ides the site is at
[url]www.nbyrne.co.uk/menu.html[/url]
the site is not completely finished so not all links are working
@CentauriJan 24.2007 — #You would have to decide what is to happen if the menu doen't wrap.
white-space:nowrap applied to the ul style will prevent the wrap, but push the menu outside the borders.
A minimum width applied to the wrapper div could limit the width reduction so that wrapping does not occur, but increasing the text size will still cause the problem, and IE doen't recognise min-width anyway.
A fixed width on wrapper makes the site less flexible, and still doesn't allow for text resize.
Possibilty could be to define the <a> tags as blocks with a width set in ems (to allow for resizing text) (5.5em looks about right) and set the li as float;left. overflow:hidden applied to the .menutab style will prevent collapse of the ul. This would allow the wrap but without the overlap, and cater for text resizing whilst keeping the site fluid.
@nib131authorJan 24.2007 — #thanks i will give that a go & see if it works, if not i will probably leave it i dont think it destroys the site to much having the menu wrapping, and most people work with larger screens now.