Ir para conteúdo
Fórum Script Brasil
  • 0

Layout liquido


hipnos na area

Pergunta

Que tal fazer sites em 800X600 e 1024X768 ou maior tudo só em uma página

é quase essa ideia que quero passar aqui ^^

encontrei na NET varias soluções para o layout liquido mas você podia diminuir todo ele

não havia algo que disse-se pro site o tamanho minimo

a não ser em navegadores que tivessem MIN-WIDTH

você tambem poderia usar javascript

mas ae vem o problema e quem desabilita

o JS do navegador para navegar com mais segurança??

parecia que o IE não tinha solução mesmo

mas ae que surge uma ponta de esperança

encontrei na NET isso:

http://www.cssplay.co.uk/boxes/width.html

http://www.web2ponto0.com.br/exemplos/min-width/

(sei lá quem copiou quem hehehe)

porem percebi que estava aplicado de uma maneira meio incompreensivel de INICIO

então resolvi "resumir" as coisas e por somente a parte util da coisa toda

depois estudar um pouco o código resolvi

diminui-lo ao maximo e posta-lo aqui

esse é um exemplo que modifiquei

<html>
<head>
<title>Min-width</title>

<style type="text/css">
/* para todos os browsers que entendem o min-width */
.corpo {position:relative; width:100%; min-width:790px;}
.sub {display:block; color:#000; height:600px;}

/* primeiro método: para IE5.5 e IE6 */
* html .corpo{border-right:790px solid #fff;}
* html .sub {display:inline-block; position:relative; margin-right:-790px;background:#fd0;}
</style>
</head>

<body>


<div class="corpo">
<div class="sub">

conteudo

colunas

o que você quiser
</div>
</div>

</body>
</html>

a essa ideia apartir da resolução(800 - largura) o site é visto e travado para

não ficar menor e acima de 800 ele é redimensionavel ou seja ele fica perfeito

com o monitor

a GAMBIARRA é feita pelo BORDER-RIGHT que "simula" o WIDTH

junto a MARGIN negativa de mesma "proporção"

(será que fui claro??)

há outra GAMBIARRA mas eu preferi essa ^^ que não utiliza FLUTUAÇÃO

abraço

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...