Allineamento iframe

**carmelo81** · 20-09-2011, 16:47

Ciao a tutti...
ho un problema con il mio sito, ed in particolare non riesco ad allineare centralmente in orizzontale i contenuti all'interno dell'iframe.
Potreste dare cortesemente una occhiata al codice e indicarmi dove sbaglio?

questo è il sito: http://carmeloprivitera.yolasite.com/

Ciao e grazie mille

Carmelo

**Asia87** · 20-09-2011, 17:08

sono nuova!

**Prill** · 21-09-2011, 08:03

Devi centrare i contenuti nelle pagine che richiami nell'iframe (attenzione che nelle tue pagine c'è un po' di confusione, body ripetuti, css nel body ecc.)

**carmelo81** · 21-09-2011, 09:37

in effetti avevo già letto che dovevo centrare direttamente le pagine da richiamare nell'iframe, e cosi ho fatto.
Ecco un esempio di allineamento centrale riferito alla homepage:

codice:

  <html>
<style type="text/css">  
  body {background-color:#1a1a1a;}  
</style>
    <div> <center> <img src= "resources/intronew.gif" ></center> </div>          
</html>

Nonostante questa impostazione, la gif è decentrata...Dove sbaglio?
grazie

**Prill** · 21-09-2011, 10:12

Per centrare l'immagine potresti usare semplicemente un text-align:center

codice:

<style type="text/css">  
  body {background-color:#1a1a1a;}
  #container {text-align:center}   
</style>
...
    <div id="container"><img src= "resources/intronew.gif"></div>

Invece se devi centrare un intero blocco con vari contenuti nella pagina, assegna al div che li racchiude (se non c'è inseriscilo) una larghezza e un margin:0 auto, esempio

codice:

 #container {
width:800px;
margin:0 auto;
}

**carmelo81** · 21-09-2011, 10:55

Non riesco...Caddu!!
Avrò sbagliato nel codice?

codice:

<html>
<head>
<style type="text/css">
  
body {
  background-color:#1a1a1a;
}
   
a:link, a:visited, a:active {text-decoration:none; color:#a1a1a1;}
a:hover {text-decoration:none; color:#F0F0F0;}
  
#container {
width:800px;
margin:0 auto;
word-spacing:40px;
text-align:center;
word-spacing:40px;
  }
  
</style>
 
  
</head>
  
  
  <body>  
  <div id="container">
  

  <a  href="http://carmeloprivitera.yolasite.com/iframe-chisono.php" target="spazio_testo">
       <img src= "resources/logo 80pxgray.png" height="50px" border="0"> </a>  </p>
        
     Home  
    
     Attività 
      
     Gallery   
     
     Download   
      
     Link     
      
      Contatti    
       
    <hr color="#a1a1a1"/>
  
      <iframe src="http://carmeloprivitera.yolasite.com/iframe-home.php"
       name="spazio_testo" frameborder="no" scrolling="no" background-color="#1a1a1a"
        width="800px" height="450px"></iframe>
      
  </div>

</body>
</html>

**Prill** · 21-09-2011, 17:58

per capirci, un esempio. I contenuti della pagina attività sono inseriti in un box largo 900px, centrato orizzontalmente nella singola pagina, ma poiché la larghezza del menu laterale e del testo sono all'incirca 600 (lo dico a occhio, non ho guardato quanto siano precisamente), e questa pagina viene richiamata in un iframe largo 800 pixel (via peraltro dagli attributi width e height dell'iframe l'unità di misura, il valore deve essere solo numerico), chiaramente il testo apparirà allineato a sinistra. Se voglio che la pagina appaia centrata nell'iframe, le dimensioni del suo contenitore e dei contenuti dovranno essere o eguali (in questo caso nessun margine a destra e sinistra) o inferiori a quelle dell'iframe

**Prill** · 21-09-2011, 18:16

Nell'immagine allegata coi dv contornati puoi renderti conto meglio della situazione, box centrato, contenuti sulla sinistra e ampio margine destro che nell'iframe produce la visualizzazione non voluta. Questo vale per tutte le pagine

Discussione: Allineamento iframe

Strumenti discussione

Ricerca discussione

Visualizza

Allineamento iframe

Ciao!

Permessi di invio