Witam,

mam następujący problem. Zakodowałem cały header, wszystko pięknie, na komputerze ładnie to wygląda, powiekszam, zmniejszam strone wszystko ok. Problem jest wtedy gdy chce wejść na strone z telefonu. Gdy telefon jest w pionie również jest ok natomiast gdy go odwróce poziomo to w headerze znajduje się po lewej stronie logo a po prawej "zaloguj, zarejestruj" i jak telefon obróce w poziomie to te dwie rzeczy się kurczą i wpadają tak jakby do środka.

Gdzie zrobiłem błąd? Jak to poprawić?

Podsyłam kod html i css:


HTML

[HTML] pobierz, plaintext 
<div id="header-league">
    <div class="container">
         <div class="logo-league">
                 <a href="/" title="Strona główna">
                     <img src="/assets/images/site-logo.png" alt="">
                 </a>
 
         </div>
         <div class="login">
     <ul>
         <li><a href="/" title="Logowanie">Zaloguj</a></li>
		 <li><a title="Sepe">|</a></li>
         <li><a href="/" title="Rejestracja">Zarejestruj</a></li>
     </ul>
         </div>
     </div>
 </div>  
[HTML] pobierz, plaintext 

CSS:

[HTML] pobierz, plaintext 
div#header-league {
background: #fff url(/assets/images/site-header-background.png) no-repeat 50% top;
min-width: 1200px;
height: 138px;
}
div#header-league div.container div.logo-league img {
margin: 50px 0px 0px -15px;
 
display: block;
width: 268px;
 
}
 
div#header-league div.container div.login {
float: right;
width:200px;
margin-top: -40px;
}
 
div#header-league div.container div.login ul {
  list-style:none;
}
 
div#header-league div.container div.login ul li{
float: left;
display: inline;
padding: 0px 0px 0px 5px;
}
 
div#header-league div.container div.login ul li a {
float: left;
font-size: 15px;
font-family: Ubuntu;
color: #004570;
}
 
div#header-league div.container div.login ul li a:hover {
border-bottom: 2px solid #004570;
}
[HTML] pobierz, plaintext 

Naprawde nie widzisz, ze problem z PHP nie ma zadnego związku? Patrz proszę, gdzie zakładasz tematy. Przenosze

daj na js fiddle