Centrare tabella

**Gufo** · 27-11-2008, 22:55

Originariamente inviato da SofiaSerrano
allora, mi servirebbe una cella al centro della pagina senza lo scroll e senza margini . lunga quanto la pagina web .

Allara per una cella sola basta il div Togli la tabella dentro il div ed hai la cella, correggi però lo stile così perchè quello che ti ho dato è sbagliato

codice:

<style type="text/css">
<!--
body, html {
             padding: 0;
             margin: 0;
}
#centra {
             position: absolute;
	width: 750px;
	height: 600px;
	top: 50%;
	left: 50%;
	margin: -300 0 0 -375;
}
-->
</style>

**SofiaSerrano** · 28-11-2008, 15:08

continua a stare sempre al top non al centro della pagina

**Gufo** · 28-11-2008, 15:15

Originariamente inviato da SofiaSerrano
continua a stare sempre al top non al centro della pagina

Se tu continui a mettere 100% sia in larghezza che in altezza continuerai a vederla sempre in alto perchè con il 100% occupatutta la finestra.

Il codice che ti ho dato è impossibile e ripeto è impossibile che non funzioni, o sbagli tu qualche cosa o metti delle misure esagerate

**SofiaSerrano** · 28-11-2008, 16:05

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title></head>
<style type="text/css">

</style>
<body>
<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#666666"></td>
</tr>
</table>
</div>
</body>
</html>

questo il codice. non ho messo nussuna percentuale in altezza, in larghezza la devo inserire per forza ... altrimenti nelle diverse dimensioni dei monitor non prende tutta la pagina.

**SofiaSerrano** · 28-11-2008, 16:19

forse cosi' e' più chiaro :

**graffithouse** · 28-11-2008, 16:26

Originariamente inviato da SofiaSerrano
forse cosi' e' più chiaro :

se devi inserire uno sfondo al centro e ripeterlo per l'asse x c'è il comando css

codice:

.body {
	background-attachment: fixed; 
	background-color: #FFFFFF;
	background-image: url(bg.jpg);
	background-repeat: repeat-x;
	background-position: center center;
}

**Gufo** · 28-11-2008, 16:33

Originariamente inviato da graffithouse
se devi inserire uno sfondo al centro e ripeterlo per l'asse x c'è il comando css

codice:

.body {
	background-attachment: fixed; 
	background-color: #FFFFFF;
	background-image: url(bg.jpg);
	background-repeat: repeat-x;
	background-position: center center;
}

Ti chiedo scusa! Ma cosa centre lo sfondo lei vuole mettere una cella al centro dello schermo

@ SofiaSerrano ora ti preparo un esempio e te lo metto online

**SofiaSerrano** · 28-11-2008, 16:40

<title>Documento senza titolo</title>
<style type="text/css">

</style><body>
</body >
</html>

Mi sa che mi sono rinco...a del tutto
non funziona

**graffithouse** · 28-11-2008, 16:41

Originariamente inviato da Gufo
Ti chiedo scusa! Ma cosa centre lo sfondo lei vuole mettere una cella al centro dello schermo

@ SofiaSerrano ora ti preparo un esempio e te lo metto online

scusa, ma dal disegno sembrava che volesse mettere una rabella al centro della pagina per fa si che lo sfondo rimanesse centrato.....

cisto che sul disegbo c'e scritto tabella con sfondo centrato....

pensavo volesse fare quello ...

sorry, me ne torno nell'ombra....

**Gufo** · 28-11-2008, 16:44

Questo è il codice!

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
body {
	margin: 0;
	pading: 0;
	color:#FFFFFF;
}
#centra {
	background:#000000;	
	margin: -150px auto;
	padding: 20px;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 300px;
}
-->
</style>
</head>

<body>

<div id="centra">Inserire qui il contenuto per  id "centra"</div>

</body>
</html>

E qui vedi l'esempio

Discussione: Centrare tabella

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio