Ciao a tutti! vorrei creare un iframe un pò più lungo della pagina che deve contenere...
la parte finale dell'iframe è bianca (il bianco è dovuto al fatto che la lunghezza della pagina linkata è più corta dell'iframe e l'avanzo è di questo colore)
Io al posto di questo bianco vorrei mettere un colore, come faccio? ho provato a mettere background:#181818; ma non fa nulla.
Il colore di sfondo devi impostarlo sul body della pagina che richiami all'interno dell'iframe
ma se la pagina che richiamo è alta 500 e il mio frame è alto 600 ci saranno 100px a fondo paina che saranno bianchi... mi interessa farla più lunga per non avere le barre laterali anche se le barre le vorrei tenere perchè in rari casi la pagina può diventare anche molto lunga e non vorrei tagliare nulla
Ma hai provato?
si si
Ci fai vedere la tua pagina lasciando un link? oppure il codice del file che richiami nell'iframe?
hai linkato un generatore on line, non la tua pagina. Fai così, copia e incolla il codice che ti allego, il primo lo salvi in un file che chiamerai, giusto per esempio, iframe.html, il secondo nella pagina che contiene l'iframe
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=iso-8859-1" /> <title>titolo</title> <style type="text/css"> <!-- body { background-color: green; margin:0; } #container { background-color: #fff; } --> </style> </head> <body> <div id="container"> contenuto</p> contenuto</p> contenuto</p> contenuto</p> contenuto</p> </div> </body> </html>Come potrai vedere, tutta la parte che eccede il contenuto ha lo sfondo del colore volutocodice:<!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=iso-8859-1" /> <title>titolo</title> </head> <body> <div> <iframe src="iframe.html" name="riquadro" id="riquadro" width="400" height="600" frameborder="0"> </iframe> </div> </body> </html>
e perchè il mio non va? ho linkato due mie pagine, il sito è fatto in joomla, quel generatore di codice (in fase di sviluppo) l'ho sviluppato io, e per far coesistere cms e mio codice la cosa più semplice è l'iframe.. son entrambe mie pagine
Perché c'è qualcosa che vincola l'altezza del body ai soli contenuti, rimpicciolendo la pagina lo sfondo al di sotto appare bianco. Non vado a vedere cosa sia ma potresti aggiungere nel css
html {background-color:#181818}
Permessi di invio
Rispondi quotando