Pagina 1 di 1

Centratura contenitore

MessaggioInviato: 15 agosto 2012, 19:43
da Viviana.Enif
Ciao a tutti. E' da poco che ho creato il blog su iobloggo (prima ...ma molto prima ero su splinder...).
Ne so pochissimo di codici e per crearmi il mio template mi sono servita di una base che avevo.
Solo che pur se credo di aver seguito tutte le impostazioni necessarie mi ritrovo con dei problemi di centratura.
Vi prego...ormai è più di un mese che lotto quotidianamente con codici e photoshop...aiutatemi.
vi posto il codice della pagina così che possiate dargli un'occhiata.
Grazie
Codice: Seleziona tutto
<html>
<head>
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<title>--titolo--</title>
<style type="text/css">

html {
   scrollbar-face-color: #000000;
   scrollbar-arrow-color: #000000;
   scrollbar-track-color: #000000;
   scrollbar-shadow-color: #000000;
   scrollbar-highlight-color: #000000;
   scrollbar-3dlight-color: #000000;
   scrollbar-darkshadow-color: #000000;
}

body{
   text-align: center;
   background-image: url('http://i1172.photobucket.com/albums/r573/vivianaenif/25bg9.jpg');
   color: #000000;
   font-size: 12px;
   font-family: "Georgia";
}

a:link, a:visited {
text-decoration: none;
color: #000000;
}


a:hover {
color: #000000;
text-decoration: none;
height: 12px;
}


#contenitore{
width: 1100px!important;  /*firefox e IE7*/;
width: 1106px; /*sovrascritto all IE */
margin: 20px auto;
background-image: url('http://i1172.photobucket.com/albums/r573/vivianaenif/rigamia2.png');
background-repeat: repeat;
border: 2px ridge #000000;
overflow: hidden;
}


#intestazione {
height: 800px;
background-image: url('http://i1172.photobucket.com/albums/r573/vivianaenif/miabasemod2-1.png');
background-repeat: no-repeat;
overflow: hidden;
}



#colonnasx {
float: left;
display: inline;
width: 246px;
margin: -650px 0px 0px 9px!important;  /*firefox e IE7*/
margin: -650px 0px 0px 9px; /*sovrascritto all IE */
overflow: hidden;
}


#centro {
float: left;
display: inline;
width: 564px;
margin: 0px 0px 0px 13px;
overflow: hidden;
}


.post {
margin: 15px 0px;
word-wrap: break-word;
}


.titolopost {
color: #bdab5f;
text-align: center;
font-size: 14px;
}


.datapost {
background-image: url(http://i1172.photobucket.com/albums/r573/vivianaenif/titolopostmio.png);line-height: 30px; line-width: 564px; letter-spacing: 2px;
filter: alpha (style=2, opacity=100 finishopacity=0);
font-family: Georgia;
text-align: center;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
color:#000000;
}


.categoria {
color: #000000;
text-align: left;
}


#colonnadx {
float: right;
display: inline;
width: 246px;
margin: -650px 9px 0px 0px!important;  /*firefox e IE7*/
margin: -650px 11px 0px 0px; /*sovrascritto all IE */
overflow:hidden;
}


.elemento{
margin:15px auto;
width: 246px;
color: #000000;
word-wrap: break-word;
overflow: hidden;
}


.titolettosx {
background-image: url(http://i1172.photobucket.com/albums/r573/vivianaenif/nuovobottone.png);line-height: 28px; line-width: 246px; letter-spacing: 2px;
font-family: Georgia;
font-size: 14px;
margin-bottom: 10px;
color: #000000;
text-align: center;
font-weight: bold;
}


.titolettodx {
background-image: url(http://i1172.photobucket.com/albums/r573/vivianaenif/nuovobottone.png);line-height: 28px; line-width: 246px; letter-spacing: 2px;
font-family: Georgia;
font-size: 14px;
margin-bottom: 10px;
color: #000000;
text-align: center;
font-weight: bold;
}


#fondopagina {
clear: both;
color: #000000;
}

</style>
</head>

<body>
     

   
<div id="contenitore"><!--inizio contenitore generale-->      
      
<!--inizio intestazione-->
<div id="intestazione"></div>
<!--fine intestazione-->


      

      
<div id="colonnasx"><!--inizio colonna sx-->

<!--inizio elementi-->
<a href="http://s1172.photobucket.com/albums/r573/vivianaenif/?action=view&amp;current=purpletorch.gif" target="_blank"><img src="http://i1172.photobucket.com/albums/r573/vivianaenif/purpletorch.gif" border="0" alt="Photobucket"></a>
<div class="elemento">
<marquee style="filter:wave(add=10, phase=1, freq=2, strength=1 ); color:#000000" height=100 width=201 direction=up scrollamount=1>
<center>
Scrivi ciò che vuoi<br>
Scrivi ciò che vuoi<br>
Scrivi ciò che vuoi<br>
Scrivi ciò che vuoi<br>
Scrivi ciò che vuoi<br>
Scrivi ciò che vuoi<br>
Scrivi ciò che vuoi<br>
</center>
</marquee>
</div>
         
<div class="elemento">
<div class="titolettosx">Qualcosa di me</div>      
<center>Scrivi qualcosa su di te!</center>      
</div>
      
<div class="elemento">
<div class="titolettosx">Cosa Leggo</div>
Scrivi cosa ti piace leggere
</div>
      
<div class="elemento">
<div class="titolettosx">Cosa guardo</div>
I tuoi film preferiti
</div>
             
<div class="elemento">
<div class="titolettosx">Adesivi</div>   
--Puoi inserire adesivi max 246px di larghezza!--
</div>
      
<div class="elemento">
<div class="titolettosx">Commenti</div>
--ultimicommenti--
</div>
      
<div class="elemento">
<div class="titolettosx">Blog amici</div>
<center><table style: font-color= "#000000"  border ="1" bordercolordark= "#000000" width="110" align=center>
<tr><td><marquee scrolldelay=200 width="110" height="120" direction="Up" onmouseover="this.stop()"
onmouseout="this.start()">
<p class="scrivi"><center>
banner<br>
banner<br>
banner<br>
</center>
</p></marquee></tr></td></table></center>
</div>
      
<div class="elemento">
<div class="titolettosx">Visite</div>   
--counter--      
</div>

      
</div> <!---fine colonna sx-->
      

      

<div id="centro"> <!-- inizio parte centrale -->   
<!--inizio post-->
            
--post--



<center><font color="#000000">--pagine--</font></center>
      
<!--fine post-->
      
</div><!--fine parte centrale-->
      

      
      
<div id="colonnadx"><!--inizio colonna dx-->
      
<!--inizio elementi-->
<a href="http://s1172.photobucket.com/albums/r573/vivianaenif/?action=view&amp;current=purpletorch.gif" target="_blank"><img src="http://i1172.photobucket.com/albums/r573/vivianaenif/purpletorch.gif" border="0" alt="Photobucket"></a>
<div class="elemento">
<marquee style="filter:wave(add=10, phase=1, freq=2, strength=1 ); color:#000000" height=100 width=201 direction=up scrollamount=1>
<center>
Scrivi ciò che vuoi<br>
Scrivi ciò che vuoi<br>
Scrivi ciò che vuoi<br>
Scrivi ciò che vuoi<br>
Scrivi ciò che vuoi<br>
Scrivi ciò che vuoi<br>
Scrivi ciò che vuoi<br>
</center>
</marquee>
</div>

<div class="elemento">
<div class="titolettodx">Il blog</div>
Scrivi qualcosa sul blog!
</div>
         
<div class="elemento">
<div class="titolettodx">Data e Ora</div>
Metti il tuo orologio!
</div>

      
<div class="elemento">
<div class="titolettodx">Categorie</div>
<center>--categorie--</center>
</div>
      
<div class="elemento">
<div class="titolettodx">Archivio</div>
<center>--archivio--</center>
</div>
      
<div class="elemento">
<div class="titolettodx">Il mio banner</div>   
<center>Inserisci qui banner con relativo codice
</center>         
</div>

<div class="elemento">
<div class="titolettodx">Crediti</div>

</div>

<div class="elemento">
<div class="titolettodx">Disclaimer</div>
<center> Questo blog non rappresenta una testata giornalistica in quanto viene aggiornato senza alcuna periodicità.<br>
Non può pertanto considerarsi un prodotto editoriale ai sensi della legge n. 62 del 7.03.2001</center>
</div>

      

<!--fine elementi-->
      
</div><!--fine colonna dx -->
      



</div><!-- fine contenitore generale -->   
   
</body>
</html>

Re: Centratura contenitore

MessaggioInviato: 16 agosto 2012, 15:22
da arunka
Benvenuta, faremo il possibile per aiutarti.
Ti chiedo una gentilezza: puoi mettere il template su pubblico o su protetto invitandomi (arunka) per guardare com'è il tuo template? mi risparmieresti una fatica.

dando un'occhiata veloce ho notato nel css queste diciture:
Codice: Seleziona tutto
margin: -650px 9px 0px 0px!important;  /*firefox e IE7*/
margin: -650px 11px 0px 0px; /*sovrascritto all IE */

cancella una delle due, stai dando due comandi diversi alla stessa cosa (margin).

Re: Centratura contenitore

MessaggioInviato: 16 agosto 2012, 18:57
da Viviana.Enif
Ciao.
Ho reso pubblico il blog così ti sarà più facile! Grazie ancora per l'aiuto...
Sto scapocciando... :cry: :cry: :cry:
P.S.
per i due codici che hai detto dovrei cancellare... non so quale dei due eliminare....

Re: Centratura contenitore

MessaggioInviato: 17 agosto 2012, 15:02
da arunka
Allora: elimina tutte le righe che contengono /*sovrascritto all IE */, in pratica la seconda ripetizione.
Quella frase non è un codice e non da informazioni in più.

Re: Centratura contenitore

MessaggioInviato: 17 agosto 2012, 17:28
da Viviana.Enif
L'ho fatto ma in pratica sembra non esser cambiato nulla
Sight ...ti prego...dimmi cosa ho sbagliato!!!!!

Re: Centratura contenitore

MessaggioInviato: 18 agosto 2012, 17:26
da arunka
Non è che hai sbagliato, devi variare i valori dei margini finchè tutte le zone non si centrano.
Non è un lavoro facile.
Il blog lo hai costruito tutto tu o lo hai modificato da uno in partenza?

le righe che ti ho fatto eliminare non avrebbero risolto il problema ma semplicemente evitano che il browser malinterpreti il codice.