Menu horizontal

[dardevil]

Boa noite pessoal!!

Tenho um menu horizontal que está centrado, mas quando reduzo o tamanho página lateralmente, o menu fica desconfigurado.

Alguma ideia sobre isso???

.blue{
height: 100px;
}
.blue #slatenav{
position: relative;
display:block;
font-size:11px;
font-weight:bold;
background:transparent url("/images/blueslate_background.gif") repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;
text-transform:uppercase;
}

.blue #slatenav ul{
margin-left: auto;
margin-right: auto;
float: none;
display: table;
padding:0;
list-style-type:none;
width:auto;
}

.blue #slatenav ul li{
display:block;
float:left;
margin:0 1px 0 0;
}

.blue #slatenav ul li a{
display:block;
float:left;
color:#D5F1FF;
text-decoration:none;
padding:14px 22px 0 22px;
height:28px;
}

.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{
color:#fff;
background:transparent url("/images/blueslate_backgroundOVER.gif") no-repeat top center;
}

[HappyHippyHippo]

bem vindo ao mundo do web design !!!

para resolver o teu problema pensa naquele ditado:

- "como enfiar um elefante pelo buraco da agulha ??"

se não há espaço, é impossível !!!

tens de emagrecer o elefante, fazer que o buraco da agulha fique sempre grande ou arranjar outra solução

Edited May 23, 2012 at 08:39 AM by HappyHippyHippo

[vtimbuc]

Da um width fixo.

Ex: .menu { width: 1000px; }

[brunoais]

Da um width fixo.

Ex: .menu { width: 1000px; }

Má prática.

Indica um width mínimo

Ex: .menu { min-width: 1000px; }

Edited June 4, 2012 at 11:20 AM by brunoais

[vtimbuc]

Má prática.

Indica um width mínimo

Ex: .menu { min-width: 1000px; }

Má pratica porque? Se a pagina tem um width fixo não vejo qual o problema de dar um width fixo também ao menu.

Caso o layout não seja fixo ai sim concordo usar width: 100%, e min-width.

[brunoais]

Má pratica porque? Se a pagina tem um width fixo não vejo qual o problema de dar um width fixo também ao menu.

Caso o layout não seja fixo ai sim concordo usar width: 100%, e min-width.

O problema não está tanto na solução que indicaste mas em dares mais "combustível" ao layout fixo.

O problema já começou em ele usar um layout de tamanho fixo.

É por aí q eu estava a pensar... Espero n estar errado.