← UI & UX Design

Alinhar Página à esquerda

Lida 8465 vezes

Offline

Diogo Pinto 
Administrador
Mensagens 4400 Gostos 371
Feedback +4

Troféus totais: 37
Trófeus: (Ver todos)
Avatar Search Level 6 Linux User Mobile User Super Combination Combination Topic Starter 50 Poll Votes 10 Poll Votes

#page {
   margin: 0;
   width: 997px;
}
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

DVirus o teu é o que lá estava no início

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

Já fiz vários testes, neste pc, noutro pc, já pedi prints a amigos e parece me bem assim  :grin:
Offline

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

Não, Rafix. O dele é capaz de resultar, porque o ele está a indicar que a distância da "parede" ao site é 0. E o teu tinha, para além disto, uma automatização que fazia o site centrar automaticamente de acordo com a resolução...

Por isso o dele resulta, quase de certeza.
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, Rafix. O dele é capaz de resultar, porque o ele está a indicar que a distância da "parede" ao site é 0. E o teu tinha, para além disto, uma automatização que fazia o site centrar automaticamente de acordo com a resolução...

Por isso o dele resulta, quase de certeza.

O dele é como estava no início. Sem eu ter mudado...e ficava no meio
Offline

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 teu era este:

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

O dele é:

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

Diogo Pinto 
Administrador
Mensagens 4400 Gostos 371
Feedback +4

Troféus totais: 37
Trófeus: (Ver todos)
Avatar Search Level 6 Linux User Mobile User Super Combination Combination Topic Starter 50 Poll Votes 10 Poll Votes

O dele é como estava no início. Sem eu ter mudado...e ficava no meio

Leste o que eu escrevi e comparaste bem? Se reparares tem uma diferência, o auto.
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

Ficou na mesma também...

Offline

Diogo Pinto 
Administrador
Mensagens 4400 Gostos 371
Feedback +4

Troféus totais: 37
Trófeus: (Ver todos)
Avatar Search Level 6 Linux User Mobile User Super Combination Combination Topic Starter 50 Poll Votes 10 Poll Votes

#page {
   margin-left: 0px;
   width: 997px;
}
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

Também não. Mas de qualquer forma já tinha aquilo resolvido
 :obrigado:
Offline

Henrique Mouta 
Equipa
Mensagens 1189 Gostos 3
Troféus totais: 31
Trófeus: (Ver todos)
Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3

nao resolveu, tu com aquele código nem toda a gente vai conseguir ver centrado.
exprimenta -50%
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

nao resolveu, tu com aquele código nem toda a gente vai conseguir ver centrado.
exprimenta -50%

O meu objectivo é deixar aquilo na esquerda. E voces devem estar a ver no site mesmo, eu avisei que usei num site teste...

Tentem ver eugenio.alojamentogratuito.com/
Offline

oyshiu 
Membro
Mensagens 29 Gostos 0
Troféus totais: 20
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 4 Level 3 Level 2 Level 1 10 Posts First Post Signature

Eu uso a resolução 1920x1080 e não me parece muito bem...

http://img.skitch.com/20091228-nrgtk4jc36rs38wc9i32bmu91p.jpg

Podes é tentar assim:

Código: [Seleccione]
float: left;
margin-left: 50px;

Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

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

Apenas remove o margin, e vê se resulta, se não resultar é porque está noutro sitio a fazer com que não resulte.
Offline

oyshiu 
Membro
Mensagens 29 Gostos 0
Troféus totais: 20
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 4 Level 3 Level 2 Level 1 10 Posts First Post Signature

Só pus o margin para não ficar completamente colado à esquerda.