Centralizar objetos em página HTML - Table?

Assuntos Gerais
#1

Olá. Tenho o seguinte arquivo HTML:

[code]

Tabela 
Razão Social:



Habilite o Javascript para visualizar esta página corretamente... .borda{border: 1px solid;} div{font-family: Verdana; font-size: 12px;} td{font-family: Verdana; font-size: 12px;} input{font-family: Verdana; font-size: 12px;}
 Processando...

Bloqueado: F V
Razão Social:
Bloqueado:
Nome Fantasia:
[/code]

Como vocês podem ver, há um formulário na página, e que aliás fica abaixo de tudo. Na página há um grid, que é preenchido à partir de um XML, com os dados no banco. O resultado é esse:

flyf6p.png1600×870

Até aí tudo bem. O problema é quando há muitos items no grid, pois aí o usuário tem que rolar a página para chegar à ele. Alguém sabe como eu posso deixar esse formulário fixo no canto esquerdo da tela, na direção dos títulos do grid?

Obrigado!

#2

Tente adicionar isso ao seu codigo na tag

<style> position:absolute; left:12%; top:50%; </style>

lembrando que left - esquerda
top - topo

então para que ela fique totalmente a esquerda deixe 0%
top você decide é a distância do topo da sua página.

#3

Não funcionou. :frowning:

Mais alguma sugestão?
Obrigado!

#4

Uma rápida pesquisa no Google vc encontraria, algo do tipo:

element {
	display: block;
	position: absolute;
	padding: 2px 3px;
	z-index: 99999; 
	height: 58px;
	left: 50%;
	margin: -29px 0 0 -75.5px;/*
				Respectivamente altura e largura, para resultado
				divida por 2, altura e largura funciona no IE 6.+
				Chrome, FF 1.5 +, Safari, etc...*/
	position: absolute;
	top: 50%;
	width: 151px;
}
#5

[quote=rafaduka]Uma rápida pesquisa no Google vc encontraria, algo do tipo:

element { display: block; position: absolute; padding: 2px 3px; z-index: 99999; height: 58px; left: 50%; margin: -29px 0 0 -75.5px;/* Respectivamente altura e largura, para resultado divida por 2, altura e largura funciona no IE 6.+ Chrome, FF 1.5 +, Safari, etc...*/ position: absolute; top: 50%; width: 151px; } [/quote]

Também não funcionou, Rafaduka.

Eu só consigo pensar em table-cells, mas não tenho certeza se daria certo.

Obrigado.

Mais alguma sugestão?

#6

Sua classe do CSS .borda é a tabela certo ?

faz isso:

[code][b].borda{

border: 1px solid; 
position:absolute;
left:10px;
top:103px;

} [/b][/code]

se não for é só criar uma outra classe colocar o código dentro e chamar a class na div da tabela.
ou só coloca ele dentro do css dela(tabela)

#7

[quote=matheus.nani]Sua classe do CSS .borda é a tabela certo ?

faz isso:

[code][b].borda{

border: 1px solid; 
position:absolute;
left:10px;
top:103px;

} [/b][/code]

se não for é só criar uma outra classe colocar o código dentro e chamar a class na div da tabela.
ou só coloca ele dentro do css dela(tabela)[/quote]

Deu certo em partes. Eu consegui mover o grid, tudo certo, mas dá problema com os títulos. O grid é formado assim:

<?php
require_once("include/conexao.inc.php");
require_once("include/Clbanco.php");
	
$cadastro = new banco($conn,$db);
$q = (isset($_GET['pesquisa'])) ? $_GET['pesquisa'] : "";
$data=$cadastro->seleciona("empresa", $q);

//se encontrar registros	
if(mysql_num_rows($data)){
	header("Content-type: application/xml"); 
		
	$xml="<?xml version=\"1.0\" encoding=\"ISO-8859-1\" ?>";  
	
	//preenchimento da Array com o nome dos campos
	for($i=0;$i < mysql_num_fields($data);$i++){
		$campos[$i]=mysql_field_name($data,$i);
	}	
	
	$xml.="<dados>";
	$xml.="<cabecalho>";
	
	//cabecalho da tabela
	for($i=0;$i < sizeof($campos);$i++){
		$xml.="<campo>".$campos[$i]."</campo>";
	}
	
	$xml.="</cabecalho>";
	
	//corpo da tabela
	while($row=mysql_fetch_object($data)){
		$xml.="<registro>";
		for($i=0;$i < sizeof($campos);$i++){
			$xml.="<item>".$row->$campos[$i]."</item>";
		}
		$xml.="</registro>";		
	}
	
	//fim da tabela
	$xml.="</dados>";	
}

echo $xml;
mysql_close($conn);
exit();
?>
#8

Por que isso está acontecendo?

Obrigado!

#9