Cerotto N°4 - iframe contro CSS

Qualcuno può pensare che ho bevuto, ed in effetti un po di te me lo sono pure preso.
No, non c'è nulla di strano nel titolo, anzi è un modo per simulare un iframe con i fogli di stile.
Prima di tutto però vi dico perchè conviene fare così piuttosto che usare un iframe:
i motori di ricerca indicizzano peggio che male gli iframe
non sono accessibili dai browser più datati

Con questo metodo però si hanno comunque degli inconvenienti, e cioè:
non è possibile includere pagine esterne a meno di non usare il PHP
non sempre funziona a rigore, vedi NN4, Opera 5, e Konqueror 3.03

Comunque:

Farlo è più semplice che mai, e per chi conosce i fogli di stile a cascata sembrerà un gioco, in pratica tutto ciò che si deve fare è creare un box in cui la proprietà overflow è settata ad auto, ovvero:

#iframe {
width: 250px;
height: 250px;
overflow: auto;
border: 1px solid #000000;
padding: 5px;
}

E' importante dare l'altezza piuttosto che la larghezza se questa non è necessaria si può anche evitare di metterla, ma l'altezza è perentoria altrimenti non funzionerà.

Fatto questo non ci resterà che inserirlo nel codice della nostra pagina:

<div id='iframe' title='questo è un falso iframe'>
testo, molto testo, in pratica tanto testo da superare la dimensione di 250 pixel, altrimenti ovviamente l'effetto iframe non appare, o meglio appare e funziona eccome, solo non verranno mostrate le barre di scroll, quindi se questo testo non basta aggiungetene ancora.
</div>

E questo è tutto, l'effetto potete vederlo nel mio sito

[mgs]

io non ci son riuscito... devo mettere il >div.... dentro una tabella si?

io non ci son riuscito... devo mettere il >div.... dentro una tabella si?

Bastava copiare il codice fatto da me.

Comunque se usi un livello perchè lo vuoi anche mettere in una tabella?

[mgs]

Allora io ho una tabella... il testo lo devo mettere li dentro e non volgio che mi faccia scendere la pagina , ioè che compaia la barra se c'è troppo testo ma non ci sono riuscito... :(

metti il layer dentro la cella.

[mgs]

<td width="400" height="286" valign="top"><div align="justify" id='iframe' class="testonormale">contenuto</div></td>

anche se ne metto tanto da superare il bordo la cella si allunga (ma nn si allarga

Metti sia id che class....

Ne devi togliere uno perché uno sovrascrive l'altro (credo)...

<td width="400" height="286" valign="top"><div align="justify" id='iframe' class="testonormale">contenuto</div></td>

anche se ne metto tanto da superare il bordo la cella si allunga (ma nn si allarga

Togli align da layer se vuoi la giustificazione invece del testo appoggiato a sinistra, devi interagire con il foglio di stile, quindi all'interno dell'identificativo iFrame, inserisci text-align: justify come clausola per la giustificazione.

Non conosco la classe da te realizzata, ma come dice numerone potrebbe essere li il problema, tieni conto che i CSS si chiamano così perchè sono a cascata, ovvero il secondo modifica il primo, prova a invertire l'ordine tra classe e identificativo all'interno del layer.

Una cosa la volevi allargata? In realtà non dovrebbe avere un simile comportamento, ma semplicemente devono comparire le barre di scorrimento.

[mgs]

ho detto che non si allrga e mi sta bene... perchè ho risolto un problema in + :D cmq ora provo e poi vi faccio sapere...

[code:1:95dd641f97]
.iframe {
width: 400px;
height: 300px;
overflow: auto;
border: 1px solid #000000;
padding: 5px;
}
.testonormale {
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #CCCCCC;
}[/code:1:95dd641f97]
queste sono le due voci del css interesate...

Ciao raga, mi hanno segnalato questo post, ed è proprio quello che cercavo, in pratica stavo cercano il modo di eliminare l'uso dei frame per 2 motivi
1: come già detto i motori di ricerca
2:ho ricevuto segnalazione di errori, funziona bene solo se si erano impostati i caratteri medi in internet explorer..vabbè

premetto che sono nuovo sia in ambiente php e sopratutto css
vorrei farvi delle domande.

ho provato il codice e funziona bene, ho impostato la larghezza e altezza a 100% e nel iframe ho messo codice php per includere la pagina,se guardate il mio sito, fatto in frame,capirete cosa voglio fare, raggiungere un risultato simile eliminando sti benetti frame.
allora, dopo aver provato, vorrei sapere:


-cosa mooolto importante...come faccio a dire hai link fuori dal finto frame che la sua destinazione è proprio esso?


-ho riscontrato, che dopo aver "include" la pagina nel finto frame, la formattazione, in particolare i colori, del testo, sono cambiati...è per il cambiamento di formato in php?come si risolve?


Grazie in anticipo per le risposte..aspetto impazientemente

ho risolto il problema della formattazione, praticamente, capitemi, ho usato frontpage, devo usare sempre il codice css per definire lo stile della pagina che ho incluso, così mi visualizza i link a dovere...

Per il fatto di come fare a dire ai link quale è la destinazione non ho risolto, potrei sgamare, facendo tot pagine ogni volta, ovvero, se si clicca su un link nell'intestazione, ti rimanda in un'altra pagina uguale, ma con include sul finto frame a un'altra pagina, cos' c'è il 2x1 però, devo fare 2 pagine ogni volta, copiare l'intestazione e cambiare l'include...è un pò macchinoso...se conoscete un metodo per mantere l'intestazione,senza ricaricarla ogni volta ditemi pure, quando sò questo, potrò riaggiornare tutto il mio sito in versione php e css!! sbav sbav SBONK

meno male che ci siete voi! non saprei come fare altrimenti..

ps: Mi sono dato a dream mx 2004 ora...stò abbandonado l'editor di casa microsoft...
Bill gates, sarai destinato a scomparire.....buah h hu haaa ah ha

Dopo queste bischerate, è meglio che vado a letto..aspetto una risposta...

se non usi i frame non puoi caricare un nuovo contenuto nel div (a meno che non lo fai con javascrit & document.write/iframe.innerhtml)
quindi usando il falso iframe devi per forza ricaricare la pag
cmq se usi php basta che il link lo fai index.php?pg=pagina.html
poi nell'include fai include($pg) (in realta' dovresti controllare cosa c'e' in pg prima di includerlo...)
unico problema sono i motori di ricerca...

ok, allora ricaricherò la pagina....così no problem per i motori mi han detto, vero? mi han detto che con include l'output per i motori, è completo come lo si visualizza...(insomma come se il codice della pagina che si include fosse nella pagina di richiesta include)spero sia così...ciao e grazie ancora

#iframe {
width: 250px;
height: 250px;
overflow: auto;
border: 1px solid #000000;
padding: 5px;
}

Io non ho capito dove va messo questo...

[heracleum]

..e io che credevo che fosse tornato il buon vecchio sugan

Dunque quel pezzo lo devi mettere dentro un blocco <STYLE>

e poi quello style specifico si applicherà automaticamente ad un DIV con id="iframe"

per chiarezza e completezza:
questo style va per correttezza nel blocco <HEAD>:

<style type="text/css">
#iframe {
width: 250px;
height: 250px;
overflow: auto;
border: 1px solid #000000;
padding: 5px;
}
</style>

.. poi nel body:

<div id="iframe">
...contenuto html della finestrella 
direttamente qui dentro...
</div>

OK, sempre disonibile sei madò! Grazie comunque!