Applet non posizionato corretamente in IE

**Luca_pluatrco** · 06-05-2009, 19:01

Ciao,

ho un applet (dimensioni 40x135) che serve per eseguire l'upload di documenti. In FF e' posizionato nell'angolo in alto a dx di un contenitore (pur essendo l'applet esterno a tale box) alla destra di alcuni link.

In IE invece, l'applet rimane al di fuori del box e non riesco a posizionarlo in alcun modo. Ho provato con position:absolute, ma poi si sovrappone con i link presenti anch'essi in alto a dx del box.

Sapreste dirmi come fare per risolvere tale problema?

Vi posto il codice:

codice:

<div class="wrapper"> 
    
<div class="DocAppletWrapper">
    <applet id="fm" name="fm" archive="/DocMan/fm.jar" code="Client.class"  width="135" height="40">
     <param name="background-image" value="/Gif/drop2.png">
    <param name="blocksperslice" value="400">
     <param name="background-color" value="f0f0f0">
      <param name="querystring-javascript-function" value="getQueryString">
     <param name="createfolder-serverscript" value="/docman/uploadFolder.aspx">               
     <param name="uploadfile-serverscript" value="/docman/uploadDocument.aspx">
     <param name="afterupload-javascript-function" value="Refresh">            
     <param name="set-progress-javascript-function" value="setProgress">
     <param name="beforepaste-javascript-function" value="beforeImagePaste">
     </applet> 
</div>

      <label class="">
</label>
<div class="WPContainer">
	<div class="WPWrapper">
		<div class="WPHeaderContainer">
                         <div class="WPActionMenuContainer">
				<div class="menu WPActionMenu">
				<ul>
				[*]
				   <input name="img" src="16.gif" style="border-width: 0px;" type="image">
 
				[*]
				[img]6.png[/img]
				[/list]
				</div>

			</div>
		</div>
	</div>
       <div class="WPBodyContainer">
		<div class="WPBodyContent">
                 ....


.DocAppletWrapper
{
	margin:10px 10px 0 10px;
	float:right;
	display:inline;
}

.WPContainer
{
	width:100%;   		
	margin-bottom:6px;
	padding:0;
	min-height:0;	/*Needed to clear FLOAT in IE*/			
}


.WPWrapper
{
	min-height:0px;	
	padding:0 0 0 7px;	/*To avoid the background overlap*/	
}

.WPHeaderContainer
{	
	min-height:0;	/*Needed to clear FLOAT in IE*/	
	padding:0;
	margin:0 0 5px 0;	
}

/*   To clear float elements  */
.WPContainer:after, .WPHeaderContainer:after, .WPBodyContainer:after, .WPWrapper:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
	min-height:0;
}
.WPMenuContainer
{
	float:right;
	margin-top:2px;
	text-align:right;
}

.WPBodyContainer
{	
	margin:0;
	padding:0 12px 5px 12px;
	min-height: 0;
}


.WPBodyContent
{
	margin:0 auto;
	padding:0 0 10px 0;
	min-height: 0;		
	overflow-x:auto;/*overflow-x:auto; introduces horizontal scroll bar if needed*/
	overflow-y:hidden; /*overflow-y:hidden; avoids vertical bar appears*/		
}

**Mich_** · 07-05-2009, 09:03

Mancano info importanti.

Devi dire:
- quale DTD usi (ma perche` non usi XHTML 1.0 strict che ti eviterebbe questi problemi?)
- il CSS del contenitore (.wrapper)
- se c'e` il clear da qualche parte (a prima vista mi pare manchi in .wrapper:after)
- eventualmente dove e` contenuto tale contenitore (a seconda del posizionamento di .wrapper puo` dipendere anche dal suo contenitore)

**Luca_pluatrco** · 07-05-2009, 11:23

Come DTD uso:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Il contenitore .wrapper non ha nessuna regola CSS in quanto serve solamente in una funziona javascript.
Ho anche provato ad aggiungere <span style="clear:both"> dopo l'applet, ma non è cambiato nulla.

.wrapper e gli elementi figli sono contenuti in un div che rappresenta la colonna destra (in un templeta a 2 colonne con posizionamento fisso).

codice:

#contentBox2COLS   /*Contenitore padre*/
{	
	position: relative; 
	min-width:980px;  
} 

#contentRight2COLS    /*Contiene .wrapper e l'applet al suo interno*/
{
	position:absolute;
	top:0;
	right:5px;	
	left:280px;
	bottom: 0;
}

[MODIFICA]
Come da tuo suggerimento ho inserito subito nella mia master page il seguente DTD:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Tuttavia il layout non cambia affatto e l'applet rimane sopra il container sottostante.

Discussione: Applet non posizionato corretamente in IE

Strumenti discussione

Ricerca discussione

Visualizza

Applet non posizionato corretamente in IE

Permessi di invio