allineare div a destra sopra al testo

[supergege]

salve

sto cercando di allineare un div a destra della pagina ma vorrei metterlo in primo piano sopra il testo. infatti utilizzando solo float:right quando lo rendo visibile mi sposta tutti i contenuti della pagina mentre io vorrei averlo in primo piano come i div in position:absolute
praticamente come posso allineare a destra un div con position:absolute? :master:

[marco.carrieri]

Per poterti aiutare abbiamo bisogno di un po di codice per vedere come sono strutturate le altre zone.
Quindi sia Html che Css.

[supergege]

questo è il codice html,
ci sono 3 div, langbox che è sempre visibile e langselect che appare tramite javascript solo quando viene cliccato il link presente in langbox.
poi c'è header che contiene il logo e sotto due tabelle.

<div id="langbox">
  <table width="74" border="0" cellpadding="0" cellspacing="2">
    <tr>
      <td width="16" height="11" align="left" valign="middle">[img]images/languages/<?php echo $language; ?>.png[/img]" width="16" height="11" border="0" /></td>
      <td align="left" valign="middle"><?php echo $languages[$language]; ?></td>
      <td width="9" align="right" valign="middle">[img]images/dropdown.png[/img]</td>
    </tr>
  </table>
</div>
<div id="langselect" style="display:none;">
  <table width="80" border="0" cellspacing="2" cellpadding="0">
  <tr>
    <td width="16">[img]images/languages/en.png[/img]</td>
    <td>English</td>
  </tr>
  <tr>
    <td>[img]images/languages/it.png[/img]</td>
    <td>Italiano</td>
  </tr>
  <tr>
    <td>[img]images/languages/fr.png[/img]</td>
    <td>Fran&ccedil;ais</td>
  </tr>
  <tr>
    <td>[img]images/languages/de.png[/img]</td>
    <td>Deutsch</td>
  </tr>
  <tr>
    <td>[img]images/languages/es.png[/img]</td>
    <td>Espa&ntilde;ol</td>
  </tr>
</table>
</div>
<div align="center" id="header">[img]images/logo.png[/img]</div>
<table width="680" border="1" align="center" cellpadding="3" cellspacing="0" bordercolor="#255A80">
  <tr>
    <td width="220" height="200" align="center" valign="middle" bgcolor="#002B4A"><form name="form1" id="form1">
      <label for="airport"><?php echo $text['findairport']; ?></label>
      

      <input name="airport" type="text" id="airport" onkeyup="form_request(this.value)" size="25" />
      

      <?php echo $text['findairport2']; ?>
    </form>
    </td>
    <td align="left" valign="middle" bgcolor="#255A80"><div class="container">
      <div id="results"></div>
    </div></td>
  </tr>
</table>


<table width="680" border="1" align="center" cellpadding="3" cellspacing="0" bordercolor="#255A80">
  <tr>
    <td width="220" height="200" align="center" valign="middle" bgcolor="#002B4A"><form name="form2" id="form2">
      <label for="label"><?php echo $text['findicao']; ?></label>
      

      <input name="icaocode" type="text" id="label" onkeyup="form_request_icao(this.value)" size="15" maxlength="4" />
      

      <?php echo $text['findicao2']; ?>
    </form></td>
    <td align="left" valign="middle" bgcolor="#255A80"><div class="container"><div id="results2"></div></div></td>
  </tr>
</table>

questo è il codice CSS:

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #002B4A;
	color: #BDD8EC;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
}
#header {
	padding-bottom: 25px;
	padding-top: 20px;
}
#langbox {
	font-size: 11px;
	float: right;
	border: 1px solid #889CAA;
	background-color: #002B4A;
	width: 74px;
	clear: both;
	position: relative;
}
#langselect {
	float: right;
	width: 80px;
	border: 1px solid #889CAA;
	background-color: #002B4A;
	clear: both;
	margin-top: 5px;
}

ciao!

[marco.carrieri]

Che browser usi?
Perchè a me sembra di vederlo correttamente....

Lo vedo cosi.

[supergege]

si il problema è quando viene reso visibile il div langselect:



come vedi i contenuti (logo e prima tabella) sono spostati verso sinistra

io vorrei che apparisse così:

[marco.carrieri]

La funzione shoh cosa fa?
Forse non è necessario saperla ma per fare i test mi serve.
Altri magari sanno gia la soluzione eh eh.

[supergege]

La funzione "shoh" mostra/nasconde il div langselect

questo è il codice

function shoh(id) {
    if (document.getElementById) { // DOM3 = IE5+, NS6+, FF
        if (document.getElementById(id).style.display == "block"){
            document.getElementById(id).style.display = 'none';          
        } else {
            document.getElementById(id).style.display = 'block';            
        }    
    } else { 
        if (document.layers) { // NS4.7  
            if (document.id.display == "none"){
                document.id.display = 'block';
            } else {
                document.id.display = 'none';
            }
        } else { //IE 4
            if (document.all.id.style.visibility == "none"){
                document.all.id.style.display = 'block';
            } else {
                document.all.id.style.display = 'none';
            }
        }
    }
}

[marco.carrieri]

Prova a fare cosi e dimmi se risolvi.

1)
Tutto il div langselect e tutto il suo contenuto lo inglobi dentro al div langbox.

2)
Cambi il seguente codice css cosi.

#langbox
            {
                font-size: 11px;
                right:0;
                border: 1px solid #889CAA;
                background-color: #002B4A;
                width: 74px;
                clear: both;
                position: absolute;
            } 

[supergege]

Ok così il problema principale è risolto.

c'è solo una cosa che mi piacerebbe sistemare se possibile..
il div langbox quando viene aperto il menu a tendina si "allunga" e dunque il bordo a destra ed in fondo è "doppio" perchè c'è sia quello del div langbox che quello del div langselect
è possibile far in modo che non accada ciò? :master:

ciao e grazie

[marco.carrieri]

Non capisco bene (anche perchè a me mancano le immagini e vedo solo gli alt.
Mi posteresti l'immagine dell'errore?
Pardon.