- Resolvido, olhar minha resposta *
Fiz essa pergunta nas gringas, mas acho que não consegui me expressar bem por lá.
Pergunta lá: https://stackoverflow.com/questions/25481613/side-menu-align
Eu tenho meu header e abaixo tenho o conteúdo. O conteúdo é composto basicamente por duas divs, umas é o conteúdo em si e outra uma espécie de menu que ocupa todo o resto.
É um layout responsivo, quando a resolução em x <= 640 o menu some.
O problema é quando é > 1366px. O tamanho entre o conteúdo e o menu tem o máximo de 1166px.
Minha gambiarra postei na questão acima mas vou reproduzi-la aqui.
<div id="content">
<div id="content-wrapper">
<div class="wrapper">
CONTENT HERE
</div>
</div>
<div id="content-menu">
<div class="wrapper">
MENU HERE
</div>
</div>
</div>
CSS do conteúdo e do menu:
#content-wrapper{
float: left;
width: 65.88579%;
}
#content-wrapper .wrapper{
float: right;
width: 88.88889%;
max-width:800px;
}
#content-menu{
float:right;
width: 34.11420%;
}
#content-menu .wrapper{
float: left;
width: 78.54077%;
max-width:366px;
height: auto;
}
Wrapper do header:
.wrapper {
width: 85.35871%;
max-width: 1166px;
height:100%;
display: inline-block;
position: relative;
}
Resultados:
1366x768
Maior que 1366x768