Posizione relativa di un Div all'interno di un altro Div

mercoledì 26 novembre 2008 - 16.50

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

7Rici Profilo | Newbie

10 messaggi | Data Invio: mer 26 nov 2008 - 16:50

Salve a tutti!

Vado subito al problema:
Ho un div alto 100 px e largo 900 nella quale ci ho messo dentro una scritta allineata a sinistra.
Io voglio che un'altro div figlio di altezza 100 e larghezza 400 venga posizionato alla destra del div padre e quindi nello style ci metto i seguenti valori "position:relative; left:500px;".

<div style="width:900px; height:100px; background:red">
<div style="width:400px; height:100px; position:relative; left:500px; background:green;"></div>
<span>CIAOOOOO<span>
</div>

In questo caso il div figlio si posiziona in modo corretto ma la scritta appare sotto il div padre.

Ho provato anche ad aggiungere un float:right al div figlio ma non funziona...

Se qualcuno riesce ad aiutarmi perchè è tutto il giorno che ci penso... GRAZIE

--

"Errare è umano, ma per incasinare davvero tutto ci vuole la password di root"

freeteo Profilo | Guru

6.542 messaggi | Data Invio: mer 26 nov 2008 - 17:25

Ciao,
non so se ho capito bene, ma se vuoi visualizzare la scritta "dentro" ad un tag, ti basta scrivere il testo "dentro" il tag, quest'ultimo significa tra l'apertura e la chiusura di un tag html.
Ad esempio:
<div....> TESTO CHE VOGLIO </div>
e non serve nessun ulteriore tag "span" a meno di non volere qualche altra formattazione etc..

Tradotto per te, sarebbe da mettere (con o senza span quello valutalo tu) così:

<div style="width:900px; height:100px; background:red">
  <div style="width:400px; height:100px; position:relative; left:500px; background:green;">
        CIAOOOOO
  </div>
</div>

dovrebbe essere quello che cerchi se non ho capito male...

Ciao.

Matteo Raumer
[MVP Visual C#]
http://blogs.dotnethell.it/freeteo

7Rici Profilo | Newbie

10 messaggi | Data Invio: mer 26 nov 2008 - 17:36

Innanzi tutto grazie per la risposta...

ad ogni modo la scritta deve stare nel div padre (in quello rosso per intenderci), non nel figlio...

grazie ancora per la disponibilità
--

"Errare è umano, ma per incasinare davvero tutto ci vuole la password di root"

freeteo Profilo | Guru

6.542 messaggi | Data Invio: mer 26 nov 2008 - 17:42

>ad ogni modo la scritta deve stare nel div padre (in quello rosso
>per intenderci), non nel figlio...
ok allora spostalo "dentro" al tag padre, prima del figlio in verde.

>grazie ancora per la disponibilità
di niente, siamo qui per questo.

Ciao.

Matteo Raumer
[MVP Visual C#]
http://blogs.dotnethell.it/freeteo

7Rici Profilo | Newbie

10 messaggi | Data Invio: mer 26 nov 2008 - 17:54

>>ad ogni modo la scritta deve stare nel div padre (in quello rosso
>>per intenderci), non nel figlio...
>ok allora spostalo "dentro" al tag padre, prima del figlio in
>verde.

Si, in effetti così funziona e non so perchè non ci ho pensato prima... spostato prima e messo un float:left e funziona correttamente!

Grazie del consiglio

Ciau

--

"Errare è umano, ma per incasinare davvero tutto ci vuole la password di root"

Torna su

Stanze Forum

Elenco Threads

Partecipa anche tu! Registrati!

Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !