Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
to tendano fazer ess layout aqui, mais qndo minimizo a tela ele perde a formatação...
sei que é por causa do float que acontece isso, mais queria saber como faço pra resolver, ou seja,
que o quadro fique do msm tamanho sempre dependendo de qualquer resolução da tela....
segue o link
segue o código
HTML
<body>
<div id="menuTop"> </div>
<div id="menuInput"> </div>
<div id="barraProjetos"> </div>
<div id="home"> </div>
<div id="menuBar"> </div>
<div id="menuBar"> </div>
<div id="menuBar"> </div>
</body>
CSS
/ CSS /
body{ margin:0; padding:0; }
/ MENU DO TOPO /
#menuTop{ background:#FF0000; width:700px; height:100px; float:left; }
/ MENU COM INPUT /
#menuInput{ background:#0000FF; width:300px; height:100px; float:left; }
/ BARRA DE PROJETOS EM FLASH /
#barraProjetos{ display:block; background:#006600; width:100%; height:200px; }
/ PÁGINA PRINCIPAL /
#home{ background:#FF6633; display:block; width:700px; height:300px; float:left; }
/ MENUBAR DA PÁGINA PRINCIPAL /
#menuBar{ background:#666666; width:300px; height:100px; float:left; border:1px solid #fff; }
Carregando comentários...