immagini escono dal contenitore dei post

**Sery80** · 21-08-2014, 19:17

Ciao a tutti spero possiate darmi una mano.. il problema è la centratura della l'immagine di #testa sono riuscita solo a centrarla togliendo la larghezza, il fatto che su Pc è tutto ok si visualizza benissimo sia su internet explorer che su firefox il problema è sul telefonino mi sbordano le immagini dal contenitore...

Se mi potete aiutare a risolvere questo problema di centratura… Grazie

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" />
<style type="text/css">


body {
    margin:  0px;
    padding top: 300px;
    font-size: 50%;
    background-color: transparent;
    font:12px Comic Sans MS; 
    color: #FFFFFF;
    background:url(http://oi62.tinypic.com/2vmx4r5.jpg);
    background-size:  900px 500px;
    word-spacing: normal;
    background-color:#000000;
    background-position: center;



#contenitore {
width: 80%;
padding-right: 5px;
margin: 0 auto 20px auto;}
float:left;


#testa {

background-image: url(http://oi58.tinypic.com/nl9ys3.jpg);
background-repeat: no-repeat;

height: 650px;
background-position: center;
padding-right: 400px;
}

#corpo {
padding-bottom: 10px;
background-color: #000000;
position: center;
margin: 0 240px 20px 0;
padding-top: 15px;
border: solid #ffffff 2px;
border-bottom: #A6B3C8 solid 1px;
text-align: center;
}
#titolo{

background-image:url();
color: #FFFFFF;
text-align: center;
margin-top:0px;
margin-left: auto;
margin-right:auto;
font-family:Comic Sans MS;
font-weight:bold;
font-size:12px;
padding:2px 10px;

}

#contenuto{
line-height: 1.5em;
text-align: center;
font-size:12px;
font-weight:bold;
color: #FFFFFF;
margin: 10px 20px 30px;
padding: 2px 10px 10px;}


#commenti{
text-align: center;
color: #FFFFFF;
font-size:10px;
margin: 35px 20px 30px 30px;}

#data {
font-size:10px;
font-weight:bold;
color:#FF0000; 
text-align:right;
margin: 5px 20px 10px 30px;
padding: 0px 10px 5px 10px;}

codice:

</style>

</head>

<body>
<div id="contenitore">

<div id="titoloblog"></div>

<div id="testa"></div>

<div class="descrizione"> </div>

<div id="colonna">

<p class="titoletti"> About me </p>
<p class="menu"><$BlogAboutMe$><br /><$BlogButtons$></p>
<p class="titoletti"> Credits </p>
<span class="barraiobloggo">--credits--</span>

</div>

<div id="corpo">

<Blogger>

<div id="navigation"> </div>

<div id="titolo"> </div>
<div id="data"> <a href="< ---ora "> </a>  <a href="< --data "></a> 

<div id="contenuto">  --post--  </div>

<div id="commenti">

<p><a  href="< --permalink>"></a> <a href="<  --commenti--"> </a> <a href="< --categorie ">  </a>



</div>
</Blogger>
<center>
<div id="blog-pager"> <a href="< --pagine "> pagine </a> 

</div>
</div>
</center>

</div>
</div>
</body>
</html>

**Sery80** · 22-08-2014, 10:52

Non c'è nessuno che mi può dare una mano.. forse non mi sono spiegata bene vi lascio lo scheletro di come ho impostato il template : http://oi62.tinypic.com/2n0o7it.jpg
Il problema che non riesco a centrare la foto dell' Header che dovrebbe posizionarsi al centro in modo di risultare al centro tra il contenitore e la colonna di destra.. ottengo il risultato solo levando width: 750px; della #testa.. così si vede tutto benissimo al pc solo che alla cellulare in questo modo il contenitore straborda portando con se le immagini... come posso fare? Ringrazio tutti coloro che mi possono dare una mano

**Sery80** · 24-08-2014, 09:56

Non c'è nessuno che mi può aiutare.. credo che il template non si adatti a tutti i tipi di risoluzione dello schermo come telefono e table.. non c'è nessuno che mi può aiutare a risolvere il problema...?

Discussione: immagini escono dal contenitore dei post

Strumenti discussione

Ricerca discussione

Visualizza

immagini escono dal contenitore dei post

Permessi di invio