Por favor, gostaria de uma ajuda. Realmente ja tentei e meus conhecimentos sao poucos para resolver isso aki.
estou desenvolvendo um portal para a abrigar um projeto educativo.
Esta em HTML e CSS, sem tabelas, bonitinho. so que pra posicionar os elementos devidamente agrupados e classificados com divs e tal, posicionei um elemento no cato superior direito da tela, e os demais usam posiçoes relativas a partir dele.
O problema e: quando posiciono os elementos utilizando bottom: n px; , ele "cria" um espaço enorme dos elementos até o fim da pagina, como se a pagina "esticasse" e cria uma barra de rolagem pra um espaço em branco que nao deve estar la.
como posso resolver isso???
muito obrigada!!!
.minibox{ /*caixa do login posicionada no canto superior direito*/
width:220px; height:50px;
position: absolute; top:10px; left:750px;
font: bold 11px arial, sans-serif;
text-transform:capitalize;color:#534C8D;
}
.miniboxLinks{/*caixa para links*/
width:220px; height:50px;
position:absolute; top:330px; left: 10px;
font: bold 11px arial, sans-serif;
color:#534C8D;
}
.miniboxBusca{/*caix q contem formulario simples de busca*/
width:220px; height:50px;
margin-top:10px;
position:absolute; top:200px; right: 10px;
font: bold 11px arial, sans-serif;
color:#534C8D;
}
.box1{/*caixa central*/
margin: 40px 70px 30px 70px;
width: 380px; height:365px; border:2px double #DCDBEB; background:#F6F6FE;
position:relative; bottom:290px; left: 200px;
}
.box2{/*caixa esquerda (posicionada em relação a minibox)*/
width:240px; height:395px; border:3px double #DCDBEB; background:#F6F6FE;
position: relative; top:128px; right:10px;
}
.box3{/*caixa direita*/
width:240px; height:395px; border:3px double #DCDBEB; background:#F6F6FE;
position:relative; bottom:715px; left:690px
}
Edição feita por: ticianne, 15/01/2007, 17:29.
