Nascondere l'iframe

**ubaldo.gulotta** · 09-05-2011, 01:07

Vorrei inserire in una pagina un sito con un iframe ma vorrei nascondere completamente il tag. Con l'xhtml non ci sono riuscito. Secondo voi con il css é possibile?

In pratica vorrei che la dimensione dell'iframe si adattasse perfettamente al contenuto del sito.

Ciao e grazie

P.S.: Qui sotto trovate il codice con l'errore da sanare:

Codice PHP:


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

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Documento senza titolo</title>

<style type="text/css">

.ma {

    width:100%;

    height:12000px;

}

</style>

</head>

<body style="margin:0px; padding:0px; border:0px;">

<iframe class="ma" src="http://www.ubaldogulotta.eu/ubaldogulotta/index.php" frameborder="0" marginheight="0px" marginwidth="0px" scrolling="no">



Your browser does not support iframes.</p>

</iframe>

</body>

</html>

**ubaldo.gulotta** · 09-05-2011, 20:33

up! up! up! up! up! up!

**0-c00l** · 09-05-2011, 20:42

Non esiste un iframe in xhtml che si adatti alla pagina, ma potresti creare delle if in javascript relative all' src dell' iframe secondo le quali cambia la larghezza e l' altezza dell' iframe

**Prill** · 09-05-2011, 21:06

Una soluzione semplice potrebbe essere quella che segue. Nel css

codice:

* {
   margin:0;
   padding:0;
   width:100%;
   height:100%;;
   
}
html, body {
   overflow:hidden;  
}

e poi

codice:

<body>
<iframe src="percorso_nome_file.estensione" frameborder="0"><iframe>
</body>

ho assegnato all'iframe un'altezza del 100%, oltre la quale avrà il suo scrolling, eliminando lo scorrimento della pagina. Vedi se fa al caso tuo

**ubaldo.gulotta** · 09-05-2011, 22:47

Si grazie funziona!

Bravissimo!

Però se poi sotto cerco di aggiungere del codice nel browser (lo dovrò fare per inserire il player) non vedo nulla. Qui sotto c'è il codice.

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
* {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}
html, body {
	overflow:hidden;
}
</style>
</head>
<body>
<iframe src="http://www.ubaldogulotta.eu/ubaldogulotta/index.php" frameborder="0" />
<div style="color:#F00; position:relative; float:left; z-index:100; margin:10px; padding:10px; width:400px; height:500px;">Questa frase non si legge</div>
</body>
</html>

**Prill** · 10-05-2011, 07:42

Se devi aggiungere altro contenuto esterno all'iframe la situazione cambia, per far sì che l'iframe non abbia lo scorrimento (che con altezza 100% si confondeva con quello della pagina) e quindi non sia "visibile" , dovrà assumere le stesse dimensioni del contenuto e adattarsi ogni volta a quelle se la navigazione avviene al suo interno. In questo caso occorrerà ricorrere a uno script, come suggeriva 0-c00l. Il problema diventa piuttosto questione per la sezione javascript, ma intanto puoi cercare su google "resizing iframe to fit its content" o "resizable iframe".

**ubaldo.gulotta** · 10-05-2011, 22:03

Ho trovato questi ma niente da fare...

http://th.atguy.com/mycode/iframe_size/
http://stackoverflow.com/questions/1...sed-on-content
http://www.wolfcreekconsulting.com/s...ramesPart2.php
http://www.dynamicdrive.com/forums/s...ad.php?t=39499
http://www.programmer.bz/Articles/ta...crollbars.aspx
http://css-tricks.com/snippets/jquer...me-to-content/

proprio non vanno!

Discussione: Nascondere l'iframe

Strumenti discussione

Ricerca discussione

Visualizza

Nascondere l'iframe

Permessi di invio