Centratura contenitore

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

Moderatori: Moderatori iobloggo, Moderatori HTML & Grafica

Centratura contenitore

Messaggioda Viviana.Enif » 15 agosto 2012, 19:43

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>
Viviana.Enif
principiante
principiante
 
Messaggi: 4
Iscritto il: 15 agosto 2012, 19:33
Indirizzo blog: vivianaenif.iobloggo.com

Re: Centratura contenitore

Messaggioda arunka » 16 agosto 2012, 15:22

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).
Essere cortesi
Per mia netiquette personale, non fornisco assistenza a chi si rivolge sgarbatamente.
Per ulteriori informazioni leggi qui!

Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!

Presentarsi
Per colpa del molto spam che riceviamo, periodicamente eliminiamo gli utenti registrati senza messaggi. Per evitare che, erroneamente, un account venga cancellato, ti consigliamo di presentarti nella apposita sezione: Presentiamoci!
Avatar utente
arunka
Moderatore
Moderatore
 
Messaggi: 1403
Iscritto il: 7 agosto 2006, 0:15
Indirizzo blog: www.iobloggo.com

Re: Centratura contenitore

Messaggioda Viviana.Enif » 16 agosto 2012, 18:57

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....
Viviana.Enif
principiante
principiante
 
Messaggi: 4
Iscritto il: 15 agosto 2012, 19:33
Indirizzo blog: vivianaenif.iobloggo.com

Re: Centratura contenitore

Messaggioda arunka » 17 agosto 2012, 15:02

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ù.
Essere cortesi
Per mia netiquette personale, non fornisco assistenza a chi si rivolge sgarbatamente.
Per ulteriori informazioni leggi qui!

Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!

Presentarsi
Per colpa del molto spam che riceviamo, periodicamente eliminiamo gli utenti registrati senza messaggi. Per evitare che, erroneamente, un account venga cancellato, ti consigliamo di presentarti nella apposita sezione: Presentiamoci!
Avatar utente
arunka
Moderatore
Moderatore
 
Messaggi: 1403
Iscritto il: 7 agosto 2006, 0:15
Indirizzo blog: www.iobloggo.com

Re: Centratura contenitore

Messaggioda Viviana.Enif » 17 agosto 2012, 17:28

L'ho fatto ma in pratica sembra non esser cambiato nulla
Sight ...ti prego...dimmi cosa ho sbagliato!!!!!
Viviana.Enif
principiante
principiante
 
Messaggi: 4
Iscritto il: 15 agosto 2012, 19:33
Indirizzo blog: vivianaenif.iobloggo.com

Re: Centratura contenitore

Messaggioda arunka » 18 agosto 2012, 17:26

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.
Essere cortesi
Per mia netiquette personale, non fornisco assistenza a chi si rivolge sgarbatamente.
Per ulteriori informazioni leggi qui!

Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!

Presentarsi
Per colpa del molto spam che riceviamo, periodicamente eliminiamo gli utenti registrati senza messaggi. Per evitare che, erroneamente, un account venga cancellato, ti consigliamo di presentarti nella apposita sezione: Presentiamoci!
Avatar utente
arunka
Moderatore
Moderatore
 
Messaggi: 1403
Iscritto il: 7 agosto 2006, 0:15
Indirizzo blog: www.iobloggo.com


Torna a HTML, CSS e Javascript

Chi c’è in linea

Visitano il forum: Nessuno e 1 ospite

cron