Problema: form non cliccabile se position relative

[enricoska]

ho un form in un div che è messo a position:absolute, il quale è dentro un altro div a position:relative.
Non riesco a cliccare nelle caselle di testo per scriverci, non compare il prompt. Però con il tasto tab il prompt compare e posso scrivere normalmente. Il tasto submit funziona.
se cambio il div da absolute a relative tutto torna a funzionare bene, ma ovviamente ne risente il layout...
è un bug?

[Fello]

Io ne ho mille di form dentro a un livello absolute che a sua volta è dentro un relative, e funzionano tutti.
non saprei cosa consigliarti!

[enricoska]

ho fatto qualche controllo:
mi succede quello che ho descritto sopra quando in un div relative che è affiancato a quello absolute che ha il problema, c'è del testo incluso col comando include. Quando clicco nel form invece che mettermi il prompt si evidenzia il testo nel div di fianco (absolute), messo lì con un include.

qualcuno sa risolvere il problema?

[enricoska]

stesso problema se invece che usare include si usa un iframe.

è un bug?

[Petro_suse91]

Non saprei, non è che per caso con position relative il livello absolute risulta sovrapposto? Prova a cambiare z-index...
Magari ho detto una cavolata
ciao

[enricoska]

e invece c'hai prorpio azzeccato, usavo padding invece di margin!!!
intanto grazie, e x sdebitarmi ti segnalo che manca una r su 'NON riapri_ti x 7 giorni' della tua homepage...

ho risolto il mio problema ma non ho capito proprio xkè devo fare così:

HTML
<div id=corpo>
<div id=corposinistra>
testo
</div>
<div id=corpodestra>
testo
</div>
</div>

CSS
#corpo {position:relative;}

#corposinistra {position:absolute;
margin-left:-155px;
width:155px;}

#corpodestra {position:relative;
margin-left:155px;}

Io voglio che corpodestra stia a fianco di corposinistra, ovviamente.
Non capisco perchè funziona solo se metto "margin-left:-155px;" a corposinistra, seconda la mia logica doveva essere "margin-left:0;"
visto che è contenuto in corpo (e non in corpodestra) il quale non ha margini...

[Petro_suse91]

così dovrebbe andare

CSS
#corpo {position:relative;}

#corposinistra {position:absolute;left:0px;
width:155px;}

#corpodestra {position:relative;
left:155px;}

Inoltre così usi la distanza dal bordo di sinistra, che è uguale in tutti i browser al contrario del margin, col quale IE ""mi pare"" di aver sentito dire che faccia casino

Grazie per la segnalazione!

PS Dà una certa soddisfazione sparare "a caso" e sentirsi dire "invece c'hai proprio azzeccato"