problemas ao minimizar

forever_juba · Março 28, 2010

Ola, sou novo em criação de sites, e estou aprendendo que a melhor forma de formatar um site é utilizando <div>. Mas estou com um problema, quando minimizo a tela fica tudo bagunçado. Abaixo vai uma parte do codigo e as imagens de como fica maximizado e minimizado.

<head>
<title>Relatórios SEM de Nossa Senhora do Socorro</title>
&lt;script src="relatorios_socorro/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

<link href="relatorios_socorro/SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
&lt;script src="relatorios_socorro/selectcustomer.js" type="text/javascript"></script>
<style type="text/css">
<!--
    
    body.principal{
        margin: 0px;
        background-color:white;
        height:100%;
    }
    
    #menu{
        width:130px;
        float:left;
        background-color:black;
        
        
    }
    #conteudo{
        width:1024px;
        float:right;
        
    }
    .campo_obrigatorio
    {
      color: #994422;
      padding-left:1px;
      font-size:14px;
      vertical-align:top;
    }
    a{
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight: bolder;
    }
    .dia {font-family: helvetica, arial; font-size: 8pt; color: #FFFFFF}
    .data {font-family: helvetica, arial; font-size: 8pt; text-decoration:none; color:#191970}
    .mes {font-family: helvetica, arial; font-size: 8pt}
    .Cabecalho_Calendario {font-family: helvetica, arial; font-size: 10pt; color: #000000; text-decoration:none; font-weight:bold}
    
    tr.cordefundotopoEbotao{
        background-color:#A1B3BD;
    }
    tr.cordefundo{
        background-color:#E4E9ED;
    }
    
-->
</style>

</head>

<body class="principal">
        
    <div id="menu">        
        <ul id="MenuBar1" class="MenuBarVertical">
          <li><a href="index_relatorios.php?pg=1">Principal</a> </li>
          <li><a href="#" class="MenuBarItemSubmenu">Relatórios</a>
            <ul>
              <li><a href="index_relatorios.php?pg=2">Ata Rendimento Aluno</a></li>
            </ul>
            </li>
           <li><a href="index.php">Voltar</a> </li>    
          </ul>
    </div>              
    <div id="conteudo">
        <?php include("carregapagina_relatorios.php")?>
    </div>
    
   
&lt;script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>

Imagens:

Maximizado:http://img202.imageshack.us/img202/5778/maximizada.png

Minimizado:http://uploaddeimagens.com.br/imagem/index/minimizada.PNG

Como faço para que isso não aconteça?

grato

Thelon · Março 29, 2010

de uma lida sobre a propriedade min-width e min-height

acho que soluciona seu problema

http://www.w3schools.com/CSS/pr_dim_min-width.asp

Entrar

problemas ao minimizar

Pergunta

forever_juba

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Thelon

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades