← UI & UX Design

Alinhar Página à esquerda

Lida 9417 vezes

Offline
R

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
T

Thomato 
Membro
Mensagens 4125 Gostos 3
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
R

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

Citação de: Thomato em 23/Dez/2009 01:10
O site tem algum container?

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

Thomato 
Membro
Mensagens 4125 Gostos 3
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
R

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

Citação de: Thomato em 23/Dez/2009 11:45
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
T

Thomato 
Membro
Mensagens 4125 Gostos 3
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
R

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

Citação de: Thomato em 23/Dez/2009 12:01
Podes enviar-me por MP o site em questão para ver como está estruturado?

Clica na casinha, ou na assinatura  :-P
Offline
T

Thomato 
Membro
Mensagens 4125 Gostos 3
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
R

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
T

Thomato 
Membro
Mensagens 4125 Gostos 3
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
R

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
R

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
T

Thomato 
Membro
Mensagens 4125 Gostos 3
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
R

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
T

Thomato 
Membro
Mensagens 4125 Gostos 3
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.

Páginas: 1 2

Posts relacionados

Joomla

[Joomla]Alinhar artigos e nº por pagina

asturmas

UI & UX Design

Texto web: alinhar à esquerda ou justificar?

pt-tech

Desenvolvimento

Como deixar padrão alinhar a esquerda?

Mister_Magoo