← UI & UX Design

Alinhar Página à esquerda

Lida 6060 vezes

Offline

Rafix 
Membro
Mensagens 343 Gostos 1
Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Como é que faço para alinha o site todo a esquerda da janela?

O normal é ter os sites centralizado, como no meu caso.

Mas eu gostaria de o ter na esquerda...

Abraços!
Offline

Thomato 
Membro
Mensagens 4125 Gostos 2
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

O site tem algum container?
Offline

Rafix 
Membro
Mensagens 343 Gostos 1
Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

O site tem algum container?

Não sei o que é isso ( e já fui ao  :procuranogoogle:)
Offline

Thomato 
Membro
Mensagens 4125 Gostos 2
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Um container é uma DIV que alberga as outras divs (header, middle e footer).

Normalmente tem o nome de wrapper ou wrap.

Se tiveres, basta alinhares à esquerda; caso contrário tens de criar um.
Offline

Rafix 
Membro
Mensagens 343 Gostos 1
Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Um container é uma DIV que alberga as outras divs (header, middle e footer).

Normalmente tem o nome de wrapper ou wrap.

Se tiveres, basta alinhares à esquerda; caso contrário tens de criar um.

Só tem isto na parte do calendário
Offline

Thomato 
Membro
Mensagens 4125 Gostos 2
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Podes enviar-me por MP o site em questão para ver como está estruturado?
Offline

Rafix 
Membro
Mensagens 343 Gostos 1
Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Podes enviar-me por MP o site em questão para ver como está estruturado?

Clica na casinha, ou na assinatura  :-P
Offline

Thomato 
Membro
Mensagens 4125 Gostos 2
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

No CSS procura #page e mostra-me o código sff
Offline

Rafix 
Membro
Mensagens 343 Gostos 1
Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Código: [Seleccione]
/* Page */

#page {
margin: 0 auto;
width: 997px;
}
Offline

Thomato 
Membro
Mensagens 4125 Gostos 2
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Código: [Seleccione]
#page {
text-align: left;
width: 997px;
}
Experimenta assim.

Eu não sei trabalhar com a tag "margin", mas sei que é através dela que o site fica centrado... Por isso, dessa maneira que te disse, deve resolver.
Offline

Rafix 
Membro
Mensagens 343 Gostos 1
Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Não resultou.

Mas o problema não deve estar aí nesta parte. Porque já tirei toda a parte do page, ficou na mesma...até já andei a brincar com aquela parte mas nada muda  :shock:
Offline

Rafix 
Membro
Mensagens 343 Gostos 1
Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Ok depois de tanta brincadeira já lá ficou alinhado (ainda não meti no meu site, mas sim num site de teste)
 :obrigado:
Offline

Thomato 
Membro
Mensagens 4125 Gostos 2
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Provavelmente tiveste que descentrar o header, o middle e o footer manualmente.

Explica como fizeste, caso alguém tenha  a mesma dúvida :)
Offline

Rafix 
Membro
Mensagens 343 Gostos 1
Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Código: [Seleccione]
#page {
position: absolute
width: 997px;
left: -100px
top: 200px
}

Não sei se tem algo desnecessário mas resultou assim
Offline

Thomato 
Membro
Mensagens 4125 Gostos 2
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Resultou na tua resolução... Estás a usar valores fixos, em outras resoluções não vai ficar igual.