Liquid layouts com tamanho mínimo

20 views
Skip to first unread message

Jonas Galvez

unread,
Dec 10, 2009, 11:21:05 PM12/10/09
to ArqHP
Há alguma forma de fazer com que uma div centralizada ocupe sempre 70% da tela A MENOS QUE o tamanho da tela seja inferior à um valor mínimo arbitrário? Imagino que sim, seja possível com JavaScript, mas neste caso, seria rápido o bastante?

--Jonas Galvez

Jonas Galvez

unread,
Dec 10, 2009, 11:26:06 PM12/10/09
to ArqHP
min-width? (via Felipe Oliveira via IM, thanks!)

2009/12/11 Jonas Galvez <jonas...@gmail.com>

Ciro Nunes

unread,
Dec 11, 2009, 6:15:37 AM12/11/09
to ar...@googlegroups.com
mostra alguma coisa ai, uma imagem ou algum codigo pra gente entender
oq vc ta falando ...

2009/12/11 Jonas Galvez <jonas...@gmail.com>:
> --
> Ao responder um tópico, reproduza apenas a parte
> relevante da mensagem original, apagando demais
> partes e assinaturas.
>
> Para sair deste grupo: arqhp-un...@googlegroups.com
> Outras opções: http://groups.google.com/group/arqhp



--
Ciro Alves Nunes

diego nunes

unread,
Dec 11, 2009, 12:16:56 PM12/11/09
to ar...@googlegroups.com
2009/12/11 Jonas Galvez <jonas...@gmail.com>:
Com JavaScript é perfeitamente possível e rápido o bastante.
<www.aquariusfresh.com.br> usa pro Flash (fica em 100%, mas tem um
tamanho mínimo). O código de lá é menos bonito do que deveria, mas o
dom da página é simples e não exigia muito tratamento de erros
inesperados.

--
diego nunes
dnunes.com

Enrique Robledo

unread,
Dec 12, 2009, 9:18:53 AM12/12/09
to ArqHP - Arquitetura de home pages
widt: 70%;
margin: 0 auto;
min-width: 999px;

mais para que o min-width funcione no IE tem que usar o IE7.js (http://
code.google.com/p/ie7-js/)

On Dec 11, 1:26 am, Jonas Galvez <jonasgal...@gmail.com> wrote:
> min-width? (via Felipe Oliveira via IM, thanks!)
>
> 2009/12/11 Jonas Galvez <jonasgal...@gmail.com>> Há alguma forma de fazer com que uma div centralizada ocupe sempre 70% da

Ciro Nunes

unread,
Dec 14, 2009, 6:40:49 AM12/14/09
to ar...@googlegroups.com
o IE 7 entende o min-width como width
é só fazer uma regrinha CSS que ele funciona. não precisa de js.

2009/12/12 Enrique Robledo <enrique...@gmail.com>:

diego nunes

unread,
Dec 14, 2009, 7:51:48 AM12/14/09
to ar...@googlegroups.com
2009/12/12 Enrique Robledo <enrique...@gmail.com>:
> width: 70%;
> margin: 0 auto;
> min-width: 999px;
>
> mais para que o min-width funcione no IE tem que usar o IE7.js (http://
>> code.google.com/p/ie7-js/)
Você está sugerindo usar uma biblioteca inteira de JavaScript pra
conseguir um comportamento que equivalente a umas 5 linhas de código?
O CSS está perfeito, de qualquer forma, e por mim deveria ser mantido.
O JS só deveria atuar caso as regras de estilo não fossem respeitadas
(como no IE).


2009/12/14 Ciro Nunes <ciroa...@gmail.com>:
> o IE 7 entende o min-width como width
> é só fazer uma regrinha CSS que ele funciona. não precisa de js.
Até onde me lembro, os IEs entendem o "width" como "min-width",
não o contrário. Não estou certo sobre o IE7 especificamente, mas há
que se lembrar que existem várias formas de interpretação na engine do
IE e eles variam de acordo com o Doctype. De qual estamos falando?
Strict (standards-compliant?)?
De qualquer forma, manda a regrinha aí.

--
diego nunes
dnunes.com

Enrique Robledo

unread,
Dec 14, 2009, 4:01:34 PM12/14/09
to ArqHP - Arquitetura de home pages
Eu acho ruim também a utilzação de um JS só por problemas de
navegadores por isso evito de utilizar o min-widht e o min-height a
causa da bosta do IE6.0 que ainda tem muitos usuários por aí. Neste
casso específico o JS só é aplicado se o navegador for < IE7, quer
dizer não se aplica nem pro IE7 nem pro IE8, então a maioria das
pessoas não vão ter demoras nem a utilização de um JS, se for o caso
ainda chegasse alguém da era do gelo com o IE6.0 então aguenta o JS e
simplificou a vida do programador. Mais realmente é bem melhor se não
tivessemos que utiliza-lo. Concordo com você Diego.

On Dec 14, 9:51 am, diego nunes <dnu...@gmail.com> wrote:
> 2009/12/12 Enrique Robledo <enrique.robl...@gmail.com>:> width: 70%;
> > margin: 0 auto;
> > min-width: 999px;
>
> > mais para que o min-width funcione no IE tem que usar o IE7.js (http://
> >> code.google.com/p/ie7-js/)
>
>     Você está sugerindo usar uma biblioteca inteira de JavaScript pra
> conseguir um comportamento que equivalente a umas 5 linhas de código?
> O CSS está perfeito, de qualquer forma, e por mim deveria ser mantido.
> O JS só deveria atuar caso as regras de estilo não fossem respeitadas
> (como no IE).
>
> 2009/12/14 Ciro Nunes <ciroanu...@gmail.com>:> o IE 7 entende o min-width como width
Reply all
Reply to author
Forward
0 new messages