Jump to content


Photo

Layout Quebra Quando Minimizado!


  • Faça o login para participar
7 replies to this topic

#1 Luiz-Zique

Luiz-Zique

    Novato no fórum

  • Usuários
  • 2 posts
  • Sexo:Não informado

Posted 13/05/2009, 03:33

Bom dia,

Preciso de ajuda nesse site que estou desenvolvendo: www.pneumatecnica.com.br

É um site bastante normal, simples. Creio que a solução para meu problema seja igualmente simples.

O problema é: quando minimizado o layout do site 'quebra', atrapalhando a vizualização... o ideal seria que o site mantesse o mesmo layout, com as figuras lado a lado e quando minimizado, apenas surgisse a barra horizontal e vertical para a navegação...


Alguém para ajudar-me?

grato! :lol:

#2 Rods

Rods

    Normal

  • Usuários
  • 64 posts
  • Sexo:Não informado
  • Localidade:São Paulo
  • Interesses:SEO, CSS, tableless, deign, arte, javscript, trenologia, desenvolvimento

Posted 13/05/2009, 10:06

Bom dia, Luiz.

Acho que seu caso poderia ser resolvido usando uma div geral em seu site. Insira uma div de container que envolva todo o sei site e de uma largura em pixels a ela no seu CSS. Isso deve resolver.

Abraço
Semântica Web - Sites otimizados e SEO
www.semanticaweb.com.br

#3 Maykel Esser

Maykel Esser

    Super Veterano

  • Usuários
  • 1536 posts
  • Sexo:Masculino
  • Localidade:Curitiba - PR

Posted 14/05/2009, 09:26

Você deve estar atribuindo valores de largura em porcentagem. Consequentemente quanto menor a tela, ele vai ajustando. Caso queira ser fixo, use pixels!

Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens! add.png


#4 Luiz-Zique

Luiz-Zique

    Novato no fórum

  • Usuários
  • 2 posts
  • Sexo:Não informado

Posted 14/05/2009, 16:03

Opa!

Então,

coloquei o limite de pixels no CSS para a div que envolve as outras, mas agora ficou diferente...

o site ficou com alinhado para a esquerda, e o background não se repete mais para os lados...
o ideal seria deixá-lo no centro, e com o background das divs se extendindo para a horizontal, como estava antes...

provavelmente isso ocorreu por limitar a largura da div, não?
tem como resolver isso?


valeu!

----------


edit:

então, consegui arrumar, foi só usar o min-width no css!

valeeeu !!

Edição feita por: Luiz-Zique, 14/05/2009, 16:06.


#5 DarkSign

DarkSign

    Doutor

  • Usuários
  • 868 posts
  • Sexo:Masculino
  • Localidade:Brasil
  • Interesses:Tecnologias na área WEB em geral e desenvolvimento.

Posted 14/05/2009, 17:44

Não querendo estragar a festa, mas acho que o min-width não é reconhecido em todos os browsers...

/*DarkSign*/
Não sabe por onde começar? Que tal pelas Regras ?

#6 Splash

Splash

    Novato no fórum

  • Usuários
  • 5 posts
  • Sexo:Não informado

Posted 15/05/2009, 18:07

A solução é simples:
Não use valores com porcentagem.

Sem gambiarra :P

Abraços

Edição feita por: Splash, 15/05/2009, 18:07.


#7 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 15/05/2009, 19:51

depende muito de como foi feito o site, esse problema pode ser realmente a problemas com porcentagem e a pessoa não saber com floats.

float's mesmo com largura em pixels declaradas, se não tiverem um tag envolvendo eles com largura fixa, eles vão tentar se ageitar ao maximo a largura da janela.


para trabalhar com min-height tem um macete para ie6:

min-height: (valor)px; height: auto !important; height: (valor)px;
se chama min-height fast hack

#8 DarkSign

DarkSign

    Doutor

  • Usuários
  • 868 posts
  • Sexo:Masculino
  • Localidade:Brasil
  • Interesses:Tecnologias na área WEB em geral e desenvolvimento.

Posted 18/05/2009, 15:22

Como eu disse, é necessário dispor de Hacks para isso funcionar no IE xD.

/*DS*/
Não sabe por onde começar? Que tal pelas Regras ?




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq