problemi con posizonamento DIV

[aLeX-P]

Allora ragà per l'esame sto facendo la tesina, però per fare qualcosa di diverso faccio un sito php con all'interno tutti i documenti, immagini e quant'altro... non sarà una cosa dell'altro mondo cmq penso sia una buona cosa...

Ora:

Mi sto incespicando con i fogli di stile e javascript, non riesco in alcune cose...

guardate l'immagine



1) vorrei che il popup si adattasse al suo contenuto automaticamente, questo è il codice che uso ora:

<script language="JavaScript">

function OpenPopup(str) { 

larg=240
alt=300
toptop=(screen.height/2)-(alt/2)
leftleft=(screen.width/2)-(larg/2)

searchWin = window.open(str,'','top='+toptop+',left='+leftleft+',scrollbars=yes,width='+larg+',height='+alt+',status=no,location=no,toolbar=no'); 

} 
</script> 

2) devo riposizionare il <div> del menu fluttuante... che parametro devo modificare???

questo è il codice del <div> nella pagina php:

        <div id="menu">
            <ul>
            
                <li id="current">[url="index.php"]<span>Home</span>[/url][*][url="schemaLogico.php"]<span>Schema Logico</span>[/url][*][url="italiano.php"]<span>Italiano</span>[/url][*][url="storia.php"]<span>Storia</span>[/url][*][url="inglese.php"]<span>Inglese</span>[/url][*][url="sistemi.php"]<span>Sistemi</span>[/url][*][url="informatica.php"]<span>Informatica</span>[/url][*][url="matematica.php"]<span>Matematica</span>[/url][*][url="edFisica.php"]<span>Educazione Fisica</span>[/url][/list]
        </div> 

questo quello del css:

#menu {
        width: 200px;
        border-style: none solid;
        border-color: #D0D0D0;
        border-width: 1px;
        margin: 10px;
        background: #FFFFFF;
        position: absolute;
        top: 1px;
        z-index: 100;
        left: 200px;
} 

e questo dello javascript:

<script language="JavaScript">
<!-- Begin
window.onerror = null;
var topMargin = 100;
var slideTime = 1200;
var ns6 = (!document.all && document.getElementById);
var ie4 = (document.all);
var ns4 = (document.layers);
function layerObject(id,left) {
if (ns6) {
this.obj = document.getElementById(id).style;
this.obj.left = left;
return this.obj;
}
else if(ie4) {
this.obj = document.all[id].style;
this.obj.left = left;
return this.obj;
}
else if(ns4) {
this.obj = document.layers[id];
this.obj.left = left;
return this.obj;
   }
}
function layerSetup() {
floatLyr = new layerObject('menu', pageWidth * .5);
window.setInterval("main()", 10)
}
function floatObject() {
if (ns4 || ns6) {
findHt = window.innerHeight;
} else if(ie4) {
findHt = document.body.clientHeight;
   }
} 
function main() {
if (ns4) {
this.currentY = document.layers["menu"].top;
this.scrollTop = window.pageYOffset;
mainTrigger();
}
else if(ns6) {
this.currentY = parseInt(document.getElementById('menu').style.top);
this.scrollTop = scrollY;
mainTrigger();
} else if(ie4) {
this.currentY = menu.style.pixelTop;
this.scrollTop = document.body.scrollTop;
mainTrigger();
   }
}
function mainTrigger() {
var newTargetY = this.scrollTop + this.topMargin;
if ( this.currentY != newTargetY ) {
if ( newTargetY != this.targetY ) {
this.targetY = newTargetY;
floatStart();
}
animator();
   }
}
function floatStart() {
var now = new Date();
this.A = this.targetY - this.currentY;
this.B = Math.PI / ( 2 * this.slideTime );
this.C = now.getTime();
if (Math.abs(this.A) > this.findHt) {
this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt;
this.A = this.A > 0 ? this.findHt : -this.findHt;
}
else {
this.D = this.currentY;
   }
}
function animator() {
var now = new Date();
var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D;
newY = Math.round(newY);
if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) {
if ( ie4 )document.all.menu.style.pixelTop = newY;
if ( ns4 )document.layers["menu"].top = newY;
if ( ns6 )document.getElementById('menu').style.top = newY + "px";
   }
}
function start() {
if(ns6||ns4) {
pageWidth = innerWidth;
pageHeight = innerHeight;
layerSetup();
floatObject();
}
else if(ie4) {
pageWidth = document.body.clientWidth;
pageHeight = document.body.clientHeight;
layerSetup();
floatObject();
   }
}
//  End -->
</script> 

Dai ragà che non penso sia una cosa complicata!!! Aiutatemi in fretta che l'esame di stato incombe... !!!

[andrea.paiola]

1) :master: non penso si possa fare
2) togli left:200px

[aLeX-P]

forse non mi sono spiegato bene... il menù che vede al centro è già fluttuante... infatti segue la pagina in alto e in basso... il problema è che fluttua al centro della pagina, mentre invece deve fluttuare alla sinistra della pagina... ora è impossibile che non si possa fare in quanto se è possibile farlo fluttuare al cento sarà anche possibile che fluttui a sinistra... no???

p.s. anche togliendo "left:200px" il risultato è uguale...
ah per quelli che provano il codice vi dico che da quello che ho potuto vedere funge solo su Opera 8.x, in quanto penso che alcuni nuovi tag e funzioni css non sono supportati da i sopracitati...

il problema del popup è molto marginale, non è importante... questo del menù invece sì...

cmq grazie per la risposta... spero che ora tu abbia capito il problema...

ciao

[aLeX-P]

risolto...

[albgen]

Originariamente inviato da aLeX-P
risolto...

come ?

[aLeX-P]

Prima:

function start() { 
if(ns6||ns4) { 
pageWidth = innerWidth; 
pageHeight = innerHeight; 
layerSetup(); 
floatObject(); 
} 
else if(ie4) { 
pageWidth = document.body.clientWidth; 
pageHeight = document.body.clientHeight; 
layerSetup(); 
floatObject(); 
   } 
} 

Dopo:

function start() { 
if(ns6||ns4) { 
pageWidth = 200; 
pageHeight = innerHeight; 
layerSetup(); 
floatObject(); 
} 
else if(ie4) { 
pageWidth = 200; 
pageHeight = document.body.clientHeight; 
layerSetup(); 
floatObject(); 
   } 
} 

La differenza sta qui: [php]pageWidth = 200;[php]

Purtroppo non ho risolto il problema del popup... Se sai come fare mi fai un favore...