Problemas com Layout ....sai de posição
Olá pessoal, tudo em paz?
To começando a "brincar" com tableless e aproveitando um novo projeto que terei mais tempo resolvi fazer algo....
Acontece que quando coloquei um datagrid dentro de uma parte do meu layout que ficará o conteúdo fez com que esta parte fosse "jogada" para baixo e ficando um espaço em branco acima...
Será que consegui passar meu problema?
Por favor, conta com a ajuda de vocês, mas se conseguir solucionar antes posto aqui.
Meu layout tá ficando assim:
Abaixo vou colocar como fiz e o css
HTML
<body> <DIV id="container"> <DIV id="header"> Conteudo </DIV> <DIV id="navigation"> <UL id="navlist"> <LI> <A href="regional.aspx">Regional BPS</A> <LI> <A href="tchamada.aspx">Tipo de Chamada BPS</A> </LI> </UL> </DIV> <!--FIM DIV navigation --> <!-- INICIO DIV CONTEUDO --> <!-- BOX 1 DE CONTEUDO --> <DIV id="content2"> <div id="box2_conteudo" > <H1 class="h1-bg-destaque">REGIONAL BPS</H1> <P class="paragrafo-destaque">DATAGRID COM OS DADOS <asp:DataGrid id="DataGrid1" runat="server"></asp:DataGrid> </P> </div> </DIV> <!--Fim da Div content2--> </DIV><!--Fim Div Container--></body>Aqui o css
#container { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(../imagens/top1.jpg) #fff no-repeat center 10px; PADDING-BOTTOM: 10px; MARGIN: 0px auto; WIDTH: 730px; COLOR: #333333; LINE-HEIGHT: 1.6em; PADDING-TOP: 10px; TEXT-ALIGN: left; voice-family: inherit}#header { CLEAR: both; MARGIN-BOTTOM: 10px; BORDER-BOTTOM: #948979 4px solid; HEIGHT: 81px}#navigation UL { PADDING-LEFT: 0px; FLOAT: left; MARGIN-LEFT: 0px; WIDTH: 140px; LIST-STYLE-TYPE: none}#navigation A { PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; WIDTH: 140px; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid}#navigation A:link { COLOR: #006699; TEXT-DECORATION: none}#navigation A:hover { BACKGROUND: url(../imagens/arrow.gif) #f5f5f5 no-repeat 100% 50%; COLOR: #666666}#navigation P { PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px dotted; MARGIN-TOP: 40px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px dotted}#navlist A:visited { COLOR: #006699; TEXT-DECORATION: none}#content2 { MARGIN-LEFT: 170px; WIDTH: 362px}#box2_conteudo { float: right; BORDER-RIGHT: #2381ba 1px solid; DISPLAY: block; MARGIN: 0px 0px 5px; BORDER-LEFT: #2381ba 1px solid; WIDTH: 359px; BORDER-BOTTOM: #2381ba 1px solid; voice-family: inherit}
Discussão (5)
Carregando comentários...