immagini escono dal contenitore dei post

Se stai imparando a costruirti il tuo template qui trovi consigli e risposte ai tuoi dubbi sull'HTML

Moderatori: Moderatori iobloggo, Moderatori HTML & Grafica

immagini escono dal contenitore dei post

Messaggioda isabella80 » 22 agosto 2014, 11:12

Ciao a tutti spero possiate darmi una mano.. 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...

Vi lascio parte del codice

Codice: Seleziona tutto
<!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: Seleziona tutto
</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>

isabella80
inesperto
inesperto
 
Messaggi: 13
Iscritto il: 4 marzo 2012, 12:25
Indirizzo blog: roma1980.iobloggo.com

Torna a HTML, CSS e Javascript

Chi c’è in linea

Visitano il forum: Bing [Bot] e 1 ospite

cron