Problema i-frame

**theworldofdragonball** · 29-12-2013, 19.19.00

Ciao ragazzi ho un problema con i link i-frame praticamente non mi funzionano "allineati" cioè se a top di un link fuori i-frame metto 1% alla destra poi metto alla stessa altezza un link nell'i-frame e unaltro fuori a sinistra alla stessa altezza non mi funziona quello nell'i-frame ed è anche impostato tutto giusto infatti se scendo con la scroll bar i link vanno ma sotto o sopra quell'altezza vi lascio il link della pagina:
http://theworldofdragonball.altervista.org/index2.html

provate premendo tipo: bamf ufficio immigrazione ecc...
praticamente provate anche voi alla stessa altezza non mi fa ne selezionre ne premere e ne niente
eccovi il codice della pagina:

Codice HTML:

<html>
<head>
  <link rel="stylesheet" type="text/css" href="./css/style.css"/>
  <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1?>
 </head>
<body background="./images/background.jpg" style="zoom:85%;">

<div align="left" style="position:absolute; left:0%; top:35%;">
<table cellspacing="10" style="width:17%; height:60%;" border="1">
		<tr>
		<td width="26%"><a target="I1" href="./4_bamf.htm">
		Bamf Ufficio Federale per immigrazione e rifugiati politici</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./6_caritas.htm">Caritas
		</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./7_bundes.htm">
		Bundesagentur fuer Arbeit ufficio federale per lavoro</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./5_add.htm">
		Assimilazione titoli di studio tramite ADD</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./3_studio.htm">
		Finanzia i tuoi Studi con BAFoeG</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./12_impara.htm">
		Impara il tedesco</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./11_borse.htm">
		Borse Lavoro</a></td>
	</tr>
</table>
	</div>

<div align="right" style="position:absolute; right:0%; top:35%;">
<table cellspacing="10" style="width:17%; height:60%;" border="1">
	<tr>
		<td width="26%"><a target="I1" href="./11_borse.htm">
		Richieste assegni Familiari</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./11_borse.htm">
		Richiesta Wohngeld</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./11_borse.htm">
		Supplemento Assegni Familiari</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./11_borse.htm">
		Come Iscrivere i propri figli a scuola</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./11_borse.htm">
		Missione Cattolica Italiana</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./11_borse.htm">
		Corriere d'Italia</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./11_borse.htm">
		Download</a></td>
	</tr>
</table>
	</div>

</body>

<body>
<table align="center" border="1" style="zoom:100%;">
 <tr>
        <td>
	    <p>Benvenuto in Germania</p></td>
	</tr>

   <tr>
		<td>
		<b><font style="color: #009900;">Sei appena arrivato in Germania? Per lavoro, per studio o turismo?
		Consultami, scoprirai tanto</br></font>
		<font style="color: #FFFFFF;">di cui potresti avere bisogno…
			Questa pagina, intende informarti sui vari servizi, diritti che la</br>
			Germania ti offre, collegandoti alle istituzioni che ti sono indispensabili,oltre all'agenda della</br></font>
			<font style="color: #B00000;">"comunitá cattolica italiana in Ludwigshafen (...chi ben comincia è già a metà dell'opera...).</font></b>
		</td>
	</tr>
</table>

<div align="center" style="padding-top:9%;">
<iframe style="background-color:#FFFFFF;" width="63%" height="530px" name="I1" src="./asd.html">
</iframe>
</div>

</body>
</html>

**radiodelmomento** · 30-12-2013, 02.24.19

Quello che succede è che i <div> (invisibili) si mettono sopra l'iframe, quindi quando clicchi l'iframe, in realtà stai cliccando il <div> trasparente vuoto.
Morale della favola: riduci la larghezza delle tabelle contenenti i due menu.

**theworldofdragonball** · 30-12-2013, 13.13.11

Originalmente inviato da radiodelmomento

Quello che succede è che i <div> (invisibili) si mettono sopra l'iframe, quindi quando clicchi l'iframe, in realtà stai cliccando il <div> trasparente vuoto.
Morale della favola: riduci la larghezza delle tabelle contenenti i due menu.

Ok grazie per avermi risposto e non c'ho capito assai la storia dei <div> se c'è una soluzione e potresti aiutarmi :)

**radiodelmomento** · 30-12-2013, 14.56.46

Modifica il codice della pagina in questo modo:

Codice HTML:

<html>
<head>
  <link rel="stylesheet" type="text/css" href="./css/style.css"/>
  <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1?>
 </head>
<body background="./images/background.jpg" style="zoom:85%;">

<div align="left" style="position:absolute; left:0%; top:35%; width:251px">
<table cellspacing="10" style="width:100%; height:60%;" border="1">
		<tr>
		<td width="26%"><a target="I1" href="./4_bamf.htm">
		Bamf Ufficio Federale per immigrazione e rifugiati politici</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./6_caritas.htm">Caritas
		</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./7_bundes.htm">
		Bundesagentur fuer Arbeit ufficio federale per lavoro</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./5_add.htm">
		Assimilazione titoli di studio tramite ADD</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./3_studio.htm">
		Finanzia i tuoi Studi con BAFoeG</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./12_impara.htm">
		Impara il tedesco</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./11_borse.htm">
		Borse Lavoro</a></td>
	</tr>
</table>
	</div>

<div align="right" style="position:absolute; right:0%; top:35%; width:187px">
<table cellspacing="10" style="width:100%; height:60%;" border="1">
	<tr>
		<td width="26%"><a target="I1" href="./11_borse.htm">
		Richieste assegni Familiari</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./11_borse.htm">
		Richiesta Wohngeld</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./11_borse.htm">
		Supplemento Assegni Familiari</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./11_borse.htm">
		Come Iscrivere i propri figli a scuola</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./11_borse.htm">
		Missione Cattolica Italiana</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./11_borse.htm">
		Corriere d'Italia</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./11_borse.htm">
		Download</a></td>
	</tr>
</table>
	</div>

</body>

<body>
<table align="center" border="1" style="zoom:100%;">
 <tr>
        <td>
	    <p>Benvenuto in Germania</p></td>
	</tr>

   <tr>
		<td>
		<b><font style="color: #009900;">Sei appena arrivato in Germania? Per lavoro, per studio o turismo?
		Consultami, scoprirai tanto</br></font>
		<font style="color: #FFFFFF;">di cui potresti avere bisogno…
			Questa pagina, intende informarti sui vari servizi, diritti che la</br>
			Germania ti offre, collegandoti alle istituzioni che ti sono indispensabili,oltre all'agenda della</br></font>
			<font style="color: #B00000;">"comunitá cattolica italiana in Ludwigshafen (...chi ben comincia è già a metà dell'opera...).</font></b>
		</td>
	</tr>
</table>

<div align="center" style="padding-top:9%;">
<iframe style="background-color:#FFFFFF;" width="63%" height="530px" name="I1" src="./asd.html">
</iframe>
</div>

</body>
</html>

Comunque il codice non va per niente bene, sarebbe da rifare daccapo. Iniziando con il layout per finire con la grafica

**theworldofdragonball** · 30-12-2013, 20.34.44

Originalmente inviato da radiodelmomento

Modifica il codice della pagina in questo modo:

Codice HTML:

<html>
<head>
  <link rel="stylesheet" type="text/css" href="./css/style.css"/>
  <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1?>
 </head>
<body background="./images/background.jpg" style="zoom:85%;">

<div align="left" style="position:absolute; left:0%; top:35%; width:251px">
<table cellspacing="10" style="width:100%; height:60%;" border="1">
		<tr>
		<td width="26%"><a target="I1" href="./4_bamf.htm">
		Bamf Ufficio Federale per immigrazione e rifugiati politici</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./6_caritas.htm">Caritas
		</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./7_bundes.htm">
		Bundesagentur fuer Arbeit ufficio federale per lavoro</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./5_add.htm">
		Assimilazione titoli di studio tramite ADD</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./3_studio.htm">
		Finanzia i tuoi Studi con BAFoeG</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./12_impara.htm">
		Impara il tedesco</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./11_borse.htm">
		Borse Lavoro</a></td>
	</tr>
</table>
	</div>

<div align="right" style="position:absolute; right:0%; top:35%; width:187px">
<table cellspacing="10" style="width:100%; height:60%;" border="1">
	<tr>
		<td width="26%"><a target="I1" href="./11_borse.htm">
		Richieste assegni Familiari</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./11_borse.htm">
		Richiesta Wohngeld</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./11_borse.htm">
		Supplemento Assegni Familiari</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./11_borse.htm">
		Come Iscrivere i propri figli a scuola</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./11_borse.htm">
		Missione Cattolica Italiana</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./11_borse.htm">
		Corriere d'Italia</a></td>
	</tr>
	<tr>
		<td width="26%"><a target="I1" href="./11_borse.htm">
		Download</a></td>
	</tr>
</table>
	</div>

</body>

<body>
<table align="center" border="1" style="zoom:100%;">
 <tr>
        <td>
	    <p>Benvenuto in Germania</p></td>
	</tr>

   <tr>
		<td>
		<b><font style="color: #009900;">Sei appena arrivato in Germania? Per lavoro, per studio o turismo?
		Consultami, scoprirai tanto</br></font>
		<font style="color: #FFFFFF;">di cui potresti avere bisogno…
			Questa pagina, intende informarti sui vari servizi, diritti che la</br>
			Germania ti offre, collegandoti alle istituzioni che ti sono indispensabili,oltre all'agenda della</br></font>
			<font style="color: #B00000;">"comunitá cattolica italiana in Ludwigshafen (...chi ben comincia è già a metà dell'opera...).</font></b>
		</td>
	</tr>
</table>

<div align="center" style="padding-top:9%;">
<iframe style="background-color:#FFFFFF;" width="63%" height="530px" name="I1" src="./asd.html">
</iframe>
</div>

</body>
</html>

Comunque il codice non va per niente bene, sarebbe da rifare daccapo. Iniziando con il layout per finire con la grafica

asd in che senso a me sembra buono se è errato mi aiuti a risolvere? grazie :)

**acsocmel** · 30-12-2013, 21.24.44

non c'è molto da aiutare
devi partire dalle basi leggendo una guida
comunque togli "width" dalle tabelle e mettilo nei div che le contengono
se funziona, fermati e comincia a studiare

30-12-2013, 23.18.45

Originalmente inviato da acsocmel

non c'è molto da aiutare
devi partire dalle basi leggendo una guida
comunque togli "width" dalle tabelle e mettilo nei div che le contengono
se funziona, fermati e comincia a studiare

wooow grazie mille sei stato veramenti di aiuto ora va alla perfezione! Grazie veramente :)

P.S sono sempre io ho dimenticato la pass e mi secca resettarla xD risolto

**acsocmel** · 30-12-2013, 23.43.52

sono contento che l'indicazione abbia avuto successo
buon anno

**theworldofdragonball** · 31-12-2013, 00.12.21

Originalmente inviato da acsocmel

sono contento che l'indicazione abbia avuto successo
buon anno

finalmente ho la mia password grazie di tutti buon anno pure a te :D
comunque del resto nel codice è corretto credo vero? se ci sono errori olte a quello dei width e height me li puoi segnalare :D

**acsocmel** · 31-12-2013, 02.02.48

ci sono diverse cose
per esempio il <body> aperto e chiuso 2 volte
oppure </br> invece di <br>
e poi proprietà css inesistenti come "zoom"
senza parlare della quasi totale assenza di "titoli" e "paragrafi", i contenitori naturali del testo

usa il validatore W3C e prova ad aggiustare gli errori indicati
fallo e poi apri una nuova discussione se vuoi aiuto a capire
e sarebbe meglio che cominciassi a studiare una guida

**radiodelmomento** · 31-12-2013, 02.16.39

Originalmente inviato da theworldofdragonball

asd in che senso a me sembra buono se è errato mi aiuti a risolvere? grazie :)

Nel codice che ti ho incollato ho trasportato la larghezza dalla tabella al div che la contiene, quindi ti avevo risolto il problema

Per "errato" intendo che il contenuto varia a seconda della dimensione dello schermo... ad esempio con un cellulare non si potrebbe navigare nel sito

La soluzione è quella di dare al contenuto della pagina la dimensione standard di 960px di larghezza, inoltre creare una versione per i cellulari.

Ci sono anche altri problemi che andrebbero risolti rifacendo la pagina daccapo, tenendo conto delle varie aperture e chiusure dei tag.

**theworldofdragonball** · 31-12-2013, 10.11.16

Originalmente inviato da acsocmel

ci sono diverse cose
per esempio il <body> aperto e chiuso 2 volte
oppure </br> invece di <br>
e poi proprietà css inesistenti come "zoom"
senza parlare della quasi totale assenza di "titoli" e "paragrafi", i contenitori naturali del testo

usa il validatore W3C e prova ad aggiustare gli errori indicati
fallo e poi apri una nuova discussione se vuoi aiuto a capire
e sarebbe meglio che cominciassi a studiare una guida

asd il css zoom esiste infatti con quello ho risolte per altre risoluzioni dello schermo o mi si vedeva tutto appiccicato per il body ne ho messi 2 così nel primo body zoommavo la pagina e nel secondo c'erano i cntenuti da non zoommare peri br grazie :D

**theworldofdragonball** · 31-12-2013, 10.12.05

Originalmente inviato da radiodelmomento

Nel codice che ti ho incollato ho trasportato la larghezza dalla tabella al div che la contiene, quindi ti avevo risolto il problema

Per "errato" intendo che il contenuto varia a seconda della dimensione dello schermo... ad esempio con un cellulare non si potrebbe navigare nel sito

La soluzione è quella di dare al contenuto della pagina la dimensione standard di 960px di larghezza, inoltre creare una versione per i cellulari.

Ci sono anche altri problemi che andrebbero risolti rifacendo la pagina daccapo, tenendo conto delle varie aperture e chiusure dei tag.

ahhaha grazie non me ne ero accorto xDD pensavo che avevi citato

**theworldofdragonball** · 31-12-2013, 10.18.03

comunque grazie a tutti di cuore e bun capodanno :) per ora ho risolto ora provo a risolvere che negli altri browser le pagine nell'i-frame sonosfasate tranne cn chrome e se ho problemi apro una nuova discussione :D

**radiodelmomento** · 31-12-2013, 14.56.50

Di nulla, vorrei solo darti un consiglio...
Ormai i frame non si utilizzano più, e nella maggior parte dei casi creano solo problemi.
Se proprio non ti piacciono le pagine statiche, potresti utilizzare AJAX per cambiare il contenuto di un <div> senza dover ricaricare la pagina.

**theworldofdragonball** · 31-12-2013, 16.42.33

Originalmente inviato da radiodelmomento

Di nulla, vorrei solo darti un consiglio...
Ormai i frame non si utilizzano più, e nella maggior parte dei casi creano solo problemi.
Se proprio non ti piacciono le pagine statiche, potresti utilizzare AJAX per cambiare il contenuto di un <div> senza dover ricaricare la pagina.

grazie del cansiglio, io ci avevo già pensato ma il sito devo farlo a mio padre e mi ha detto così infatti con gli i-frame devo creare io le pagine e sono una 40ntina si che devo fare solo copia incolla e sostituisco però è seccante farlo xD

Discussione: Problema i-frame

LinkBack

Strumenti discussione

Display

Problema i-frame

Regole di scrittura