Логотип и меню не выровнены

Question

Моя проблема в том, что я хочу, чтобы логотип и меню ΛΟΓΙΣΜΙΚΟ были выровнены. Я пробовал все, и я не могу заставить их двигаться вместе. Меню двигаться гораздо быстрее ... Я пытаюсь с JavaScript, чтобы получить позиции и установить логотип двигаться с той же позиции, что и меню, но я не могу понять его здесь страница http://www.altasoft.gr/index_.htm

<div class="header"> 
    <div style="position:relative;top:10px; z-index:99; width:50%"><a href="http://www.altasoft.gr/index_.htm"><img src="images/Altasoft_Logo.png" alt="" width="354" height="91" /></a></div> 
    <div style="position:relative; left:10%; top:-30px; z-index:5; width:80%; min-width:550px;"> <img style="float:right;" src="images/telephone.gif" alt="" width="142" height="16" /></div> 
</div> 

.nav-container { 
    background: #eaeaeb; 
    /*background: #fff url(../images/menu_bg.gif) no-repeat 50% 0%;*/ 
    clear: both; 
    height: 48px; 
} 
#nav { 
    /*padding: 0px 0px 0px 30px;*/ 
    width: 931px/*920px*/; 
} 
#nav li { 
    padding-right: 8px; 
    margin-top: 10px; 
    padding-bottom: 10px; 
    text-decoration: none; 
} 

Answer 1

эй на самом деле вы должны следовать указанным ниже код я надеюсь, что это будет работать для вас, пожалуйста, измените headerDIV код с моим кодом: -

HTML

<div class="header"> 
    <div style="margin: auto; width: 931px;"><a href="http://www.altasoft.gr/index_.htm"><img width="354" height="91" alt="" src="images/Altasoft_Logo.png"></a></div> 


    <div style="position:relative; left:10%; top:-30px; z-index:5; width:80%; min-width:550px;"> <img width="142" height="16" alt="" src="images/telephone.gif" style="float:right;"></div> 
     </div> 

U должны удалите положение имущество от вашего logo div и его position valuesначало & оставил и просто определить width:931px; с margin:auto и его работает отлично согласно вашему требованию ....

Answer 2

Просто измените ширину #nav

Скриншот:

Answer 3

<div class="header"> 
    <div style="left: 17%; 
top: 10px; 
z-index: 99; 
width: 859px; 
margin: auto;"><a href="http://www.altasoft.gr/index_.htm"><img width="354" height="91" alt="" src="images/Altasoft_Logo.png"></a></div> 


    <div style="position:relative; left:10%; top:-30px; z-index:5; width:80%; min-width:550px;"> <img width="142" height="16" alt="" src="images/telephone.gif" style="float:right;"></div> 
     </div>