[HTML] Zawijanie tekstu menu Opcje

[zyluss]

Witajcie, problem jaki mi się pojawił to zawijające się menu, mam diva z logo i diva z menu wyglądają tak:

[HTML] pobierz, plaintext 
<div class="headlogo">
<div class="headmenu">$sMenu2</div>
</div>
[HTML] pobierz, plaintext 

no i css:

[HTML] pobierz, plaintext 
 
.headlogo {
 
    width:100%;
    height:351px;
    background:url(logo.jpg) no-repeat;
    background-size:100% 351px;
    margin-top: -355px;
    position:absolute; 
    }
.headmenu {
	margin-top: 300px;
	margin-left: 530px;
	}
[HTML] pobierz, plaintext 

No i ładnie logo mi się skaluje w szerokość przeglądarki, ale menu wskakuje jedno pod drugie, czy da się zrobić żeby skalowało się wraz z grafiką? Albo w ogóle coś byle żeby się nie podwijało? próbowałem:

[HTML] pobierz, plaintext 
white-space: nowrap; overflow: hidden; 
[HTML] pobierz, plaintext 

Może jakieś procentowe rozwiązanie jest?

-----------

Poradziłem sobie używając mediów do różnych szerokości, zmniejszeniem czcionki i marginesu. Pozdrawiam

Ten post edytował zyluss 10.07.2015, 22:36:20