Posizionamento assoluto degli elementi ma relativo alla tabella contenirore...se fà!?

**a.felix** · 02-08-2005, 15:02

Ciao ho un problema che credo abbiate incotrato più volte anche voi...
ho un sito che ha un layout centrato al centro del broswer
dovrei andare a posizionare degli elementi al suo interno...come posso fare!? cioè dovrebbero essere elementi posizionati in assoluta con le coordinate child della tabella che le contiene.....mi sono spiegato a caz..?!!!

in pratica ...se io ho un div centrale che contiene il sito e lo piazzo in mezzo ..poi come faccio a lavorarci con le finnestre sopra!?
grazie

**zoom** · 02-08-2005, 15:18

basta che assegni

position: relative;

al contenitore

**a.felix** · 02-08-2005, 15:31

grazie infatti facendo delle prove... ho fatto una cosa del genere

codice:

<style type="text/css">
<!--

#FinestraTabella{
        height:500;
        width:400;
	top: 10px;
	padding: 0px;
	margin: 0px;
	z-index: -1;
}
#FinestraLogin{
	position:relative;
	top: 5px;
	left:200px;
	height:155;
	width:150;
	padding: 0px;
	margin: 0px;
	z-index: 100;
}
.Stile1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.Stile2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
-->
</style>
</head>
<body bgcolor="#333333" >
	<div id="FinestraTabella"  >
		<table height="500" width="400" align="center" bgcolor="#CCCCCC" bordercolor="#000000">
		<tr><td>	<div id="FinestraLogin"  >
		<table width="150" height="155" background="FinestraNera.jpg">
			<tr><td height="18"><span class="Stile1">sss</span></td></tr>
			<tr><td  valign="top"><span class="Stile2"> Teso di prova</span></td></tr>
		</table>  
	</div>
		</td></tr></table>
	</div>
</body>

credo vada bene!?
ma una cosa ancora mi rimane dubbia..perchè se alla finestra interna di login dò a posto di left:30; right:30; non si basa sul lato destro della tabella.!? come funzona sta cosa!?

grazie mille

**zoom** · 02-08-2005, 16:17

right indica la distanza dal lato destro del contenitore al lato destro dell'oggetto.

però non capisco il codice...
hai messo un div con all'interno una tabella con all'interno un div con all'interno una tabella?
qualcosa di più semplice non riesci a farla? così, senza sapere l'output richiesto mi sembra un annidamento eccessivo

**a.felix** · 02-08-2005, 16:33

bho non sò cosa dirti...ho una tabell che contiene diverse cose e l'altra annidata che contiene le celle per il login e la grafica....sbaglio!? posso farlo diversamente!?

un problema che stò riscontrando ora è questo...ma come faccio a regolare in verticale la posizione !? mi rimane sempre alla stessa altezza all'interno della seconda tabella ora

anche se metto top:5000 rimane sempre lì sulla metà!

**zoom** · 02-08-2005, 16:45

e ma perchè annidi tabelle e div? :master:
no basterebbero due div annidati? :master:

**a.felix** · 02-08-2005, 17:21

sicuramente sbaglio ...ma non capisco il perchè

scusa se devo mettere in una pagina uno sfondo centrato
e sopra ci devo mettere un'altra img con i relativi controlli per il login (textbox e bottone)

tu come lo faresti!?

grazie dell'attezione che mi stai dando

**zoom** · 02-08-2005, 17:25

body{
background-image: url(../img/freccia.gif);
background-position: top left;
background-repeat: no-repeat;
text-align:center;
}
.box{
margin:auto;
//poi tutte le caratteristiche come larghezza e sfondo
}

<div class="box">
testo e form
</div>

non è abbastanza così? :master:

**a.felix** · 02-08-2005, 17:39

cazzarola non riesco proprio a capire visto che ho un contesto diverso... ti allego un file...così forse ti riesco a far capire.

File .zip 72kb

**a.felix** · 03-08-2005, 10:57

Discussione: Posizionamento assoluto degli elementi ma relativo alla tabella contenirore...se fà!?

Strumenti discussione

Ricerca discussione

Visualizza

Posizionamento assoluto degli elementi ma relativo alla tabella contenirore...se fà!?

Permessi di invio