[HTML e CSS] Differenze visualizzazione tra FF e IE, nn so come risolvere

Dani88 · 26-08-2008, 13:42

Raga vi chiedo aiuto su un problema che mi sta facendo impazzire...in pratica un po di tempo fa ho deciso rimettere un po a posto il mio blog su splinder, nuovo template, contenuti, ecc..
Il problema è il seguente:
con FF si vede perfettamente, diviso in 3 parti (2 colonne laterali + qll centrale dove ci sono i post)....con IE invece le colonne laterali spariscono, e diventa tutto in un unica colonna con all'inizio i contenuti delle 2 laterali messi uno sotto l'altro...
Nn riesco a capire dove sia il problema

vi posto il codice del template così magari riuscite a darmi una mano...

Codice:

<!--
TEMPLATE 58. ABSTRACT MIND  by Pannasmontata
Questo template ed il suo uso è gratuito ma vincolato dal mantenimento dei CREDITS!! Per favore non toglieteli.
Se avete problemi potete contattarmi su 
http://pannacafe.net/templates
-->

<!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" />
<meta name="keywords" content="web log, blog, pannasmontata, templates, splinder, diario online, creare un blog, blog tools, blog directory, crea un blog, free blog, blog template, blogger, e-journal, website personale, sito personale, pagina personale, homepage, home page, community blogging, community blog" />

<title><$BlogTitle$></title>

<!-- =============================== INIZIO INFORMAZIONI STILE ============================ -->
<style type="text/css">

body {
	background-image: url(http://www.heathrowe.com/tuts/waterimages/5.jpg);
        	background-color: rgb(100%,100%,100%);	/*bianco */
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px;
        	text-align: center;
        	scrollbar-base-color: #0439A8;
        	scrollbar-arrow-color: #FFFFFF;
}

<!-- ==== Colore e stile link =========-->
a:link {	
	color: #0439A8;
	text-decoration: none;
}

a:visited {
	color: #0439A8;
	text-decoration: none;
}

a:hover {
	color: #0083FA;
	text-decoration: none;
}

input,textarea {
        	background-color: #FFFFFF;
        	color: #0439A8;
        	border: 1px solid #0439A8;
}


#box {
        	background-color: #FFFFFF;
        	border: 1px solid #152C3C;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	padding-right: 5px;
	padding-left: 5px;
        	padding-top: 5px;
	width: 950px;		/*larghezza box principale (da modificare anche qll sotto di 10 di meno) */
       	margin-top: 10px;
        	margin-left: auto;
        	margin-right: auto;
  	width: 940px;    
}


#header {
	background-color: #FFFFFF;
	background-image: url(http://www.fileden.com/files/2008/6/2/1941117/Header%20Consolle%20image%202.jpg);
	background-position: top;
	background-repeat: no-repeat;
        	height: 210px;  <!-- altezza dell'img inserita -->
  
} 

#boxblog {
	color: #666666;
	margin-left: 180px;
	margin-right: 180px;
        	margin-bottom: 10px;
       	background-color: #FFFFFF;
        	padding-bottom: 15px;
        	text-align: justify;
        	position: center;
}

/*  ============= Menù destro e sinistro ========== 
	(per il CSS i commenti si fanno con quei simboli) */

#menusx {
       	padding-bottom: 15px;	
        	margin-bottom: 10px;
        	margin-top: 10px;
	background-color: #FFFFFF;
        	float: left;
        	text-align: left;
        	color: #666666;
        	width: 170px;
        	width: 180px;
      	 width: 170px;
}  

#menudx {
        	padding-bottom: 15px;	
        	margin-bottom: 10px;
        	margin-top: 10px;
        	background-color: #FFFFFF;
        	float: right;
        	text-align: left;
        	color: #666666;
        	width: 170px;
        	width: 180px;
       	width: 170px;
}

.nomeblog {
        	padding-top: 170px;
        	text-align: center;
        	font-size: 25px;
        	font-weight: bold;
        	font-family: Courier New, Courier, mono;
        	color: #FFFFFF;
}

/* =========== Parte in fondo del blog ======== */
#fondo {
        	height: 79px; 
     	clear: both; 
        	background-image: url(http://www.fileden.com/files/2008/6/2/1941117/Bottom%20Consolle%20image.jpg);
        	background-position: center;
        	background-repeat: no-repeat;
}

<!-- =========== Stile colonne ============ -->

.boxmenu {
	margin-bottom: 15px;
	padding: 3px;
	padding-bottom: 15px;
        	border: 1px outset #122C64;
        	background-color: #FFFFFF;
}

/* ========= Stile dei titoli dei vari box nelle colonne =========*/ 
.vocemenu {
        	background-image: url(http://nea.ngi.it/templates/img/58-sfondino.jpg);
       	background-color: #0439A8;
        	border: 3px double #FFFFFF;
	color: #FFFFFF;
        	padding-top: 2px;
        	padding-right: 3px;
        	padding-left: 2px;
        	padding-bottom: 2px;
        	margin-bottom: 5px;
        	font-weight: bold;
        	text-align: center;
	text-transform: capitalize;
          
}
.boxmenu {
	margin-bottom: 15px;
	padding: 3px;
	padding-bottom: 15px;
        	border: 1px outset #122C64;
        	background-color: #FFFFFF;
}

.boxmenum2o {
	background-image: 		url(http://www.fileden.com/files/2008/6/2/1941117/m20%20streaming%20%28170%29%20up.jpg);
	margin-bottom: 15px;	/*distanza  da un box all'altro*/
	padding: 1px;
	padding-bottom: 0px;
        	border: 1px outset #122C64;
        	background-color: #FFFFFF;
}


<!-- ========== Tags del blog ============ -->

.divlog {
	margin-bottom: 15px;
	padding: 3px;
        	border: 1px outset #122C64;
        	background-color: #FFFFFF;
}


.titolopost {
        	background-image: url(http://nea.ngi.it/templates/img/58-sfondino.jpg);
        	background-color: #0439A8;
        	border: 3px double #FFFFFF;
	color: #FFFFFF;
        	font-weight: bold;
	text-transform: capitalize;
        	text-align: left;
        	padding-bottom: 2px;
        	padding-left: 3px;
        	padding-right: 3px;
}
.datapost {
	color: #0439A8;
        	padding-top: 2px;
        	padding-bottom: 2px;
        	padding-left: 3px;
        	margin-bottom: 15px;
}

.titolinilog {
	color: #285E9B;
	font-size: 11px;
        	text-align: left;
        	margin-bottom: 20px;
        	padding-left: 3px;
}

.titolinibottom {
	color: #666666;
	font-size: 11px;
        	text-align: center;
       	padding-left: 3px;
}

.boxblog{
	color: #666666;
        	text-align: justify; 
        	padding-left: 5px;
        	padding-right: 5px;
        	margin-bottom: 20px;       
}  

.divlog {
	margin-bottom: 15px;
	padding: 3px;
        	border: 1px outset #122C64;
        	background-color: #FFFFFF;
}

<!-- ============ Pager ============= -->

#blog-pager div {
        color: #946850;
	display: inline;
	font-size: 10px;
	padding: 1px;
}

#blog-pager a {
	display: inline;
	margin: 3px;
	text-decoration: overline;
}


<!-- ======= Stile Commenti =========== -->

.comment {
        border-bottom: 0px none #4C6B5E;
        margin-top: 1em;
        background:transparent;
        width: 99%;
}

.comment-body {
	text-align: left;
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal;
        margin-bottom: 10px;
}

.comment-top {
	background: transparent;
	text-align: right;
	padding-bottom:.7em;
	margin-right: .55em;
	padding-right: .5em;  
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal;
}

.comment-bottom {
	background: transparent;
	text-align: left;
	padding: .2em .0em .9em .0em ;
        border-bottom: 1px solid #285E9B;
        color: #285E9B;
        margin-top: 10px;
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal;
}

.comment-tips {
 	background: transparent;
	text-align: left;
	padding-left:.5em;
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal;
	color: #285E9B;
}	

.comment-form-title {
	background: transparent;
	text-align: right;
	margin-left: .55em;
	margin-right: .55em;
	margin-top: 20px;
	padding-left: .5em;
	padding-right: .5em;
        background-color: #285E9B;
        border: 3px double white;
	color: #FFFFFF;
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal;

}	

.comment-form-user {
	background:transparent ;
	padding-left:.5em;
	padding-top: .3em;
        margin-top: 5px;
	text-align: left;
	font-size:11px;
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal;
	color: #285E9B;
	line-height: 1.3em;
}	


<!-- =========== Navigazione =========== -->

.navigazione {
        border:1px solid #285E9B;
	color: #285E9B;
	margin-bottom: 6px;
	margin-top: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 2px;
	text-align: center;
}

.prev {
        float: left;
        text-align: left;
        width: 45%;
}

.next {
	float: right;
	text-align: right;
	width: 45%;
}

.home {
        text-align: center;

}

</style>
</head>
<!-- =============================== FINE INFORMAZIONI STILE ============================ -->
<!---->
<!---->
<!---->
<!-- =============================== INIZIO STRUTTURA BLOG ============================ -->

<body>

<!-- ====== Star corpo blog ====== -->
<div id="box"> 


<!-- ====== Start Header ======= -->

<div id="header">

<!-- ====== Start nome blog ======= -->
<div class="nomeblog">
<!-- inserisci qua il nome del tuo blog..altrimenti lascia così com'è -->
</div>
<!-- END NOME BLOG -->

</div>
<!-- END HEADER -->


<!-- ====== Start Colonna SX ======= -->
<div id="menusx">


<!-- ====== Start menù colonna SX ======= -->

    <div class="boxmenu">			                   
              <div class="vocemenu">chi sono</div>
    	<center>
	<strong>Nome:</strong> Daniele <br>
	<strong>Età:</strong> 20 <br>
	<strong>In arte:</strong> Dany Effe<br>
    	<strong>Professione:</strong> Studente e DJ<br><br>
	<strong><u> IL MIO PROFILO SU NETLOG </u></strong>	
	</center>
    	</div>


    <div class="boxmenum2o">		<!--  =========  IMPOSTAZ PER LA MUSICA ======= -->			                    
              <!--<div class="vocemenu">Musica</div>-->	
    	<center>
	<br><br><br><br>                             
    	<!-- ========== player  per una canzone ==============
	</script><embed SRC="http://www.fileden.com/files/2008/6/2/1941117/Gabry%20Ponte%20feat%20Illuminati%20-%20Bum%20Cia%20%28Intro%29.mp3"
	autostart=true loop=true volume="50" width="144" height="70">
	=========================================== -->
			                     		
	<!-- ============== m2o in streaming =============== -->
	<object id="NSPlay" width=150 height=26 classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject">
                          <param name="FileName" value="http://live.mediaserver.kataweb.it/m2o">
                          <param name="ShowControls" value=1>
                          <param name="ShowPositionControls" value=0>
                          <param name="ShowAudioControls" value=1>
                          <param name="ShowTracker" value=0>
            
                          <param name="ShowDisplay" value=0>

                          <param name="ShowStatusBar" value=0>
                          <param name="ShowGotoBar" value=0>
                          <param name="ShowCaptioning" value=0>
                          <param name="AutoStart" value=1>
                          <param name="AnimationAtStart" value=1>
                          <param name="TransparentAtStart" value=0>
                          <param name="AllowChangeDisplaySize" value=0>
                          <param name="AllowScan" value=0>
            
                          <param name="EnableContextMenu" value=0>

                          <param name="ClickToPlay" value=0>
                          <embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" src="http://live.mediaserver.kataweb.it/m2o" width=150 height=26 showcontrols=1 showpositioncontrols=1 showaudiocontrols=1 showtracker=0 showdisplay=0 showstatusbar=0 showgotobar=0 showcaptioning=0 autostart=1 autorewind=0 animationatstart=1 transparentatstart=0 allowchangedisplaysize=0 allowscan=0 enablecontextmenu=0 clicktoplay=0></embed> 
                        </object>
	<!-- ==================================== -->

    	</center>
    </div>

    <div class="boxmenu">
	<div class="vocemenu">odi et amo</div>
	<strong>Odio : </strong>  (da riempire)<br />
    	<strong>Amo :</strong>mmmm...bella domanda XD<br >
    	<strong>La mia musica :</strong> House/elettronica e techno....ma ascolto di tutto ^^ <br />
    	<strong>I miei libri :</strong> Harry Potter^^ rulez!!  <br />
	</div>

    <div class="boxmenu">
	<div class="vocemenu">Citazioni</div>
	<center>
	<marquee width=160 height=160 direction="up" scrollAmount=1><center>
    	<font color="blue">"Se un uomo non è disposto a correre dei rischi per le sue idee, o le sue idee non valgono niente o non vale niente lui"<br><br>
	"Ci sono solo due cose infinite: l'universo e la stupidità umana. Ma non sono del tutto sicuro della prima." (Albert Einstein )
	</font>
    	</marquee>
	</center>
    	</div>

    <div class="boxmenu">
	<div class="vocemenu">Links</div>
	<center>	
	<!-- ================ altri eventuali link =============== -->
	<a href="http://www.m2o.it/m2o/home" target="_blank">
	<img width="100"height="81"src="http://www.nonilsolitoblog.com/blog/wp-content/m2oul6.jpg"></img>
	</a>
	<!-- ==================================================== -->
	<$BlogLinkOut$>		<!-- link a siti e blog (definito da Splinder) -->
	</center>
	</div>


    <div class="boxmenu">			                    
              <div class="vocemenu">Credits</div>   
    Template by:
    <a href="http://www.pannacafe.net/templates" target="_blank"><b>Pannasmontata</b></a>
    <br />
   Modded by:
    <a href="http://danyeffedjatwork.splinder.com/" target="_blank"><b>Dani88</b></a>
    <br /> 
    Image by:
    <a href="http://www.vladstudio.com" target="_blank"><b>VladStudio</b></a>
    <br /><br />
    Distributed by:
    <br />
    <a href="http://pannacafe.net/templates" target="_blank"><b>Pannasmontata Templates</b></a>
    <br />                                                
    and : <a href="http://nonsolotemplate.splinder.com" target="_blank"><b>Non solo template</b></a>
	</div>

<!-- END MENU COLONNA SX-->

</div>
<!-- END COLONNA SX-->



<!-- ====== Start Colonna DX ======= -->
<div id="menudx">


<!-- ====== Start Menu colonna DX ======= -->


    <div class="boxmenu">
	<div class="vocemenu">Ultimi commenti</div>			
	<$BlogRecentComments$> 		<!-- commenti recenti (gestito da Splinder) -->
	</div>

    <div class="boxmenu">
	<div class="vocemenu">Archivio</div>	
	<center>
	<$BlogArchive$>
	</center>
    	</div>

    <div class="boxmenu">			                    
              <div class="vocemenu">Adesivi</div>
	<center>
	La mia leoncinaaaa XD (ok la mia è grigia/azzurro ma ci siam capiti)
	<img src=http://andrearb2000.altervista.org/caricatureauto_file/image154.jpg>
	<$BlogCategories$>
	</center>
    </div>


    <div class="boxmenu">
	<div class="vocemenu">tagboard</div>
	<center>
	inserisci la tua tagboard
	</center>
    </div>


    <div class="boxmenu">
			                    
              <div class="vocemenu">Counter - Feeds</div>
	<center>
	Fino ad oggi siete passati in<br>
	<$BlogCounter$><br>
	grassieeee XD
    	<br /><br />
    	<$BlogFeeds$>
	</center>
    </div> 


    <div class="boxmenu">
			                    
              <div class="vocemenu">Bottoni</div>
    	<center>                                     
	<$BlogButtons$>
	</center>
    </div>

<!-- END MENU COLONNA DX-->

</div>
<!-- END COLONNA DX-->



<!-- START CORPO BLOG  == contiene le info su come è strutturato i post e simili == -->
<div id="boxblog">



<center>

<Blogger> <$BlogNavigation$>

</center>

<br />

<div class="divlog">

<div class="titolopost">
<$BlogItemTitle$>


</div>

<div class="datapost">
<BlogDateHeaderDate><$BlogDateHeaderDate$></BlogDateHeaderDate> ¦ <a href="<$BlogItemPermalink$>">Permalink </a>
<br /> 
categoria : <i><$BlogItemCategories$></i></div>

					
<div class="boxblog"><$BlogItemBody$></div>
	
<div class="titolinibottom">	
			
pensiero astratto di <b><$BlogItemAuthorNickname$></b> ¦   <$BlogItemCommentLink$><$BlogItemCommentList$> ¦ <$BlogItemComments$> (popup)

</div>		
</div>
</Blogger>
<center>				
<$BlogPager$>
</center>
</div>
<!-- FINE CORPO BLOG -->


<!-- START FONDO BLOG NON MODIFICARE!! -->
<div id="fondo">
</div>
<!-- END FONDO BLOG -->


</div>
<!-- END BLOG BOX -->
</body>
</html>

Strumenti
Mostra una versione stampabile Invia questa pagina per email