Salve,
avendo una pagina da non poter modificare, vorrei sapere se, includendola in un iframe, si potrebbe applicare qualcosa come del "tipo padding-left:-(val)px" in modo da non far vedere la parte sinistra, ad esempio, della pagina.
Oppure ricevere qualche suggerimento.
"To iterate is human, to recurse, divine." (R.(Heller))
Puoi fare due div uno metti la pagina l'altro lo imposti delle dimensioni da coprire la parte della pagina da nascondere con un background del colore di sfondo della pagina, li allinei uno sopra l'altro con position:absolute; a quello che deve coprire la porzione di pagina dai un es: z-index:10; ed il giuoco è fattoOriginariamente inviato da the-bit
Salve,
avendo una pagina da non poter modificare, vorrei sapere se, includendola in un iframe, si potrebbe applicare qualcosa come del "tipo padding-left:-(val)px" in modo da non far vedere la parte sinistra, ad esempio, della pagina.
Oppure ricevere qualche suggerimento.
Ti ringrazio per la pronta risposta, ma è chiederti troppo avere un esempio pratico?
Ci ho capito poco.
ma comunque il mio problema è che devo mettere questo iframe in un cms che ha le colonne di larghezza stabilita (e non posso modificarne le dimensioni).
In questo modo ritaglierei la pagina dei lati e dovrebbe entrarmi a puntino.
"To iterate is human, to recurse, divine." (R.(Heller))
dai un padding-left all'elemento body dell'iframe
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
Quello che ti suggerivo io è di non usare l'iframe e fare così:
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" media="screen"> #sotto { background:#CCFFCC; position:absolute; top:100px; left:100px; width:200px; height:200px; } #sopra { background:#CCFFCC; position:absolute; top:100px; left:100px; width:50px; height:200px; z-index:10; color:#FF0000 } </style> </head> <body> <div id="sotto"> Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova Prova </div> <div id="sopra"> questo è "sopra" e copre una parte </div> </body> </html>
Permessi di invio
Rispondi quotando