Ir para conteúdo

POWERED BY:

Arquivado

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

Donando

Problemas de Scale em Monitores Pequenos

Recommended Posts

Fala galera! um salve a todos.

 

Sou completamente leigo em html. tudo que sei foi copiando e colando.

 

Estou desenvolvendo um site em flash que é "escalonável", ou seja se adapta ao tamanho da tela.

Sempre usei sem problemas, porém estou com um cliente que está tendo problemas na visualização em notebook.

 

abaixo o html que uso:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    
    <META NAME="keywords" CONTENT="gloria marinho, glória marinho, maria glória marinho, Pintura, Aquarela, pintura em seda, pintura em seda pura, pintura em 		tecido, aquarela sobre seda, aquarela sobre seda pura, luminárias, luminarias, luminárias em seda, luminarias em seda, luminárias em seda pura, luminarias em seda pura, arte, artes plásticas, artes visuais, santa teresa, rio de janeiro, fabric painting, watercolor, watercolour, painting, silk painting, painting on silk, pure silk, pure silk painting, fabrics painting, watercolor on silk, watercolour on silk, watercolor on pure silk, watercolour on pure silk, lamp, lamps, silk lamps, silk lamp, pure silk lamps, plastic art, plastic arts, plastic artist, visual arts, santa teresa, rio de janeiro, brazil, brasil">
	<META NAME="description" CONTENT="Website da artista Glória Marinho. Artista plástica especializada em pinturas com aquarela sobre seda pura e papel. 
Seu atelier fica em Santa Teresa - Rio de Janeiro - RJ - Tel. [21] 2252-5254 / 9116-0597

Website of Gloria Marinho, a Plastic Artist specialized in watercolor painting on pure silk and paper.
Her studio is located in Santa Teresa, Rio de Janeiro - RJ - Brazil | Phone: 55 [21] 2252-5254 / Mobile55 [21] 9116-0597">

        <title>Glória Marinho</title>
        <!--<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />-->
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <style type="text/css">
        /*<![CDATA[*/
            html, body, div {
                height: 100%;
                overflow: hidden;
            }
            body {
                background: #305C54;
                font: 86% Arial, "Helvetica Neue", sans-serif;
                margin: 0;
            }
            #index {
                height: 100%;
            }
        /*]]>*/
        </style>
        <script type="text/javascript" src="AC_RunActiveContent.js"></script>
        <script type="text/javascript" src="swfaddress/swfaddress.js?strict=false"></script>
    </head>
    <body>
        <div>
            <script type="text/javascript">
                AC_FL_RunContent(
                    'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
                    'width', '100%',
                    'height', '100%',
                    'src', 'index',
                    'quality', 'high',
                    'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
                    'align', 'middle',
                    'play', 'true',
                    'loop', 'true',
                    'scale', 'showall',
                    'wmode', 'window',
                    'devicefont', 'false',
                    'id', 'index',
                    'bgcolor', '#305C54',
                    'name', 'index',
                    'menu', 'true',
                    'allowScriptAccess','sameDomain',
					'allowfullscreen', 'true',
                    'movie', 'index'
                );
            </script>
            <script language="Javascript"> 
 function addFav(){ 
        var url      = "http://www.gloriamarinho.com.br"; 
        var title    = "Website da artista Glória Marinho"; 
        if (window.sidebar) window.sidebar.addPanel(title, url,""); 
        else if(window.opera && window.print){ 
        var mbm = document.createElement('a'); 
        mbm.setAttribute('rel','sidebar'); 
        mbm.setAttribute('href',url); 
        mbm.setAttribute('title',title); 
        mbm.click(); 
        } 
        else if(document.all){window.external.AddFavorite(url, title);} 
 } 
 </script>
            <noscript>
                <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="100%" height="100%" id="index" align="middle">
                    <param name="allowScriptAccess" value="sameDomain" />
                    <param name="allowFullScreen" value="true" />
                    <param name="movie" value="index.swf" />
                    <param name="quality" value="high" />
                    <param name="bgcolor" value="#305C54" />
                    <embed src="index.swf" quality="high" bgcolor="#305C54" width="100%" height="100%" name="index" align="middle" allowScriptAccess="sameDomain" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
                </object>
            </noscript>
        </div>
    </body>
</html>

O problema que acontece é que o site não reduz ao tamanho da tela do notebook.

Gostaria de determinar um tamanho mínimo do scale e quando chegar a este tamanho funcione as scrollbars.

Se for muito complicado as scrolls podem estar presentes a todo momento.

 

Agradeço a todos a atenção.

 

Abs

Fernando.

 

P.S.: Eu escrevi errado, onde disse notebook obviamente era para ter escrito NETBOOK.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Aqui está o erro:

 

html, body, div {
height: 100%;
overflow: hidden;
}

O comando overflow:hidden; deixa com que o scrollbar fique escondido. e você generalizou isso para TODAS as DIVs.

 

Então é o seguinte, deixe o css assim:

 

* { padding:0; margin:0; } /* serve para resetar todas as margens do site */
html, body {
height: 100%;
}

O elemento div, se não estiver com nenhum css já fica "elástico" por padrão.

 

Veja se funciona! Se não funcionar existem outras soluções.

 

Obrigado!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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