Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

brcontainer

[Resolvido] MIN-WIDTH e width:100% IE e FF

Por , em Desenvolvimento frontend

Recommended Posts

brcontainer    16

brcontainer
Postado

[atualizado]

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

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito