IE non visualizzo il blog

**katiop** · 29-03-2009, 02:01

Salve a tutti e un grazie in anticipo a chiunque potrà darmi una mano; casualmente un amico mi ha segnalato che con IE non vede la sidebar del blog che ho su blogger, io uso FF, controllando mi sono accorto che realmente non si vede se però apro per intero il post i contenuti della sidebar sono tutti visibili; premetto che la mia esperienza in materia è poca, vorrei inserire il codice html del layout dove sicuramente manca qualcosa per ottimizzare il tutto per IE anche se, ripeto, con il post aperto tutto ricompare ma lo script non viene accettato in allegato ed è troppo lungo per metterlo nel post, quindi qui trovi il blog e se mi segnalate come postare il codice lo metto a disposizione, ultima informazione l'unica cosa che ho modificato nel codice è il parametro di larghezza della sidebar lo ristretta di poco, e sempre su IE i video non si vedono su FF invece come sempre tutto ok, ancora grazie di tutto

**katiop** · 29-03-2009, 11:40

Piccola precisazione i video non si vedono su IE6 sul 7 sono fruibili

**katiop** · 29-03-2009, 14:48

Questo è il css del blog

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
* Blogger Template Style
*
* Sand Dollar
* by Jason Sutter
* Updated by Blogger Team
*/

/* Variable definitions
====================
<Variable name="textcolor" description="Text Color"
type="color" default="#000" value="#444444">

<Variable name="bgcolor" description="Page Background Color"
type="color" default="#f6f6f6" value="#e6e6e6">

<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#F5DEB3" value="#ffffcc">

<Variable name="pagetitlebgcolor" description="Blog Title Background Color"
type="color" default="#DE7008" value="#f6f6f6">

<Variable name="descriptionColor" description="Blog Description Color"
type="color" default="#9E5205" / value="#ffffe6">

<Variable name="descbgcolor" description="Description Background Color"
type="color" default="#F5E39e" value="#cc0000">

<Variable name="titlecolor" description="Post Title Color"
type="color" default="#9E5205" value="#cc0000">

<Variable name="datecolor" description="Date Header Color"
type="color" default="#777777" value="#3D81EE">

<Variable name="footercolor" description="Post Footer Color"
type="color" default="#444444" value="#444444">

<Variable name="linkcolor" description="Link Color"
type="color" default="#DE7008" value="#cc0000">

<Variable name="footerlinkcolor" description="Post Footer Link Color"
type="color" default="#968a0a" value="#cc0000">

<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#DE7008" value="#3D81EE">

<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#B8A80D" value="#cc0000">

<Variable name="sidebarlinkcolor" description="Sidebar Link Color"
type="color" default="#999999" value="#cc0000">

<Variable name="bordercolor" description="Border Color"
type="color" default="#e0ad12" value="#cc0000">

<Variable name="bodyfont" description="Text Font"
type="font"
default="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-Serif" value="italic normal 110% 'Trebuchet MS',Trebuchet,Verdana,Sans-Serif">

<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal bold 150% Verdana,Sans-serif" value="normal bold 89% Arial, sans-serif">

<Variable name="dateHeaderFont" description="Date Header Font"
type="font"
default="normal bold 105% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal bold 105% Arial, sans-serif">

<Variable name="pagetitlefont" description="Blog Title Font"
type="font" default="normal bold 300% Verdana,Sans-Serif" value="normal bold 297% Trebuchet, Trebuchet MS, Arial, sans-serif">

<Variable name="titlefont" description="Post Title Font"
type="font" default="normal bold 160% Verdana,Sans-Serif" value="normal bold 175% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="startSide" description="Start side in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="End side in blog language"
type="automatic" default="right" value="right">
*/

body {
margin:0px;
padding:0px;
background:$bgcolor;
color:$textcolor;
font-size: small;
}

#outer-wrapper {
font:$bodyfont;
}

a {
color:$linkcolor;
}

a:hover {
color:$titlecolor;
}

a img {
border-width: 0;
}

#content-wrapper {
padding-top: 0;
padding-$endSide: 1em;
padding-bottom: 0;
padding-$startSide: 1em;
}

@media all {
div#main {
float:$endSide;
width:73%;
padding-top:30px;
padding-$endSide:0;
padding-bottom:10px;
padding-$startSide:1em;
border-$startSide:dotted 1px $bordercolor;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
div#sidebar {
margin-top:20px;
margin-$endSide:0px;
margin-bottom:0px;
margin-$startSide:0;
padding:0px;
text-align:$startSide;
float: $startSide;
width: 25%;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
}

@media handheld {
div#main {
float:none;
width:90%;
}

div#sidebar {
padding-top:30px;
padding-$endSide:7%;
padding-bottom:10px;
padding-$startSide:3%;
}
}

#header {
padding-top:0px;
padding-$endSide:0px;
padding-bottom:0px;
padding-$startSide:0px;
margin-top:0px;
margin-$endSide:0px;
margin-bottom:0px;
margin-$startSide:0px;
border-bottom:dotted 1px $bordercolor;
background:$descbgcolor;
}

h1 a:link {
text-decoration:none;
color:$pagetitlecolor
}

h1 a:visited {
text-decoration:none;
color:$pagetitlecolor
}

h1,h2,h3 {
margin: 0;
}

h1 {
padding-top:25px;
padding-$endSide:0px;
padding-bottom:10px;
padding-$startSide:5%;
color:$pagetitlecolor;
background:$pagetitlebgcolor;
font:$pagetitlefont;
letter-spacing:-2px;
}

h3.post-title {
color:$titlecolor;
font:$titlefont;
letter-spacing:-1px;
}

h3.post-title a,
h3.post-title a:visited {
color: $titlecolor;
}

h2.date-header {
margin-top:10px;
margin-$endSide:0px;
margin-bottom:0px;
margin-$startSide:0px;
color:$datecolor;
font: $dateHeaderFont;
}

h4 {
color:#aa0033;
}

#sidebar h2 {
color:$sidebarcolor;
margin:0px;
padding:0px;
font:$headerfont;
}

#sidebar .widget {
margin-top:0px;
margin-$endSide:0px;
margin-bottom:33px;
margin-$startSide:0px;
padding-top:0px;
padding-$endSide:0px;
padding-bottom:0px;
padding-$startSide:0px;
font-size:95%;
}

#sidebar ul {
list-style-type:none;
padding-$startSide: 0;
margin-top: 0;
}

#sidebar li {
margin-top:0px;
margin-$endSide:0px;
margin-bottom:0px;
margin-$startSide:0px;
padding-top:0px;
padding-$endSide:0px;
padding-bottom:0px;
padding-$startSide:0px;
list-style-type:none;
font-size:95%;
}

.description {
padding:0px;
margin-top:7px;
margin-$endSide:12%;
margin-bottom:7px;
margin-$startSide:5%;
color:$descriptionColor;
background:transparent;
font:bold 100% Verdana,Sans-Serif;
}

.post {
margin-top:0px;
margin-$endSide:0px;
margin-bottom:30px;
margin-$startSide:0px;
}

.post strong {
color:$textcolor;
font-weight:bold;
}

pre,code {
color:$sidebarlinkcolor;
}

strike {
color:$sidebarlinkcolor;
}

.post-footer {
padding:0px;
margin:0px;
color:$footercolor;
font-size:80%;
}
.post-footer a {
border:none;
color:$footerlinkcolor;
text-decoration:none;
}

.post-footer a:hover {
text-decoration:underline;
}

#comments {
padding:0px;
font-size:110%;
font-weight:bold;
}

.comment-author {
margin-top: 10px;
}

.comment-body {
font-size:100%;
font-weight:normal;
color:black;
}

.comment-footer {
padding-bottom:20px;
color:$footercolor;
font-size:80%;
font-weight:normal;
display:inline;
margin-$endSide:10px
}

.deleted-comment {
font-style:italic;
color:gray;
}

.comment-link {
margin-$startSide:.6em;
}

.profile-textblock {
clear: both;
margin-$startSide: 0;
}

.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
border: 2px solid $pagetitlebgcolor;
}

#sidebar a:link {
color:$sidebarlinkcolor;
text-decoration:none;
}

#sidebar a:active {
color:#ff0000;
text-decoration:none;
}

#sidebar a:visited {
color:sidebarlinkcolor;
text-decoration:none;
}

#sidebar a:hover {
color:$sidebarcolor;
text-decoration:none;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

.clear {
clear: both;
}

.widget-content {
margin-top: 0.5em;
}

/** Tweaks for layout editor preview */

body#layout #outer-wrapper {
margin-top: 0;
}

body#layout #main,
body#layout #sidebar {
margin-top: 10px;
padding-top: 0;
}
]]></b:skin>
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
</head>

<body>
<div id='outer-wrapper'><div id='wrap2'>

<span id='skiplinks' style='display:none;'>
skip to main |
skip to sidebar
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Associazione per il Teatro Italiano (Intestazione)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Post sul blog' type='Blog'/>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
<b:widget id='Profile2' locked='false' title='Informazioni personali' type='Profile'/>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'/>
<b:widget id='BlogList1' locked='false' title='Elenco blog personale' type='BlogList'/>
<b:widget id='BlogArchive2' locked='false' title='Archivio blog' type='BlogArchive'/>
<b:widget id='Image1' locked='false' title='Blog ottimizzato per' type='Image'/>
<b:widget id='HTML3' locked='false' title='FEEDJIT Recommended Reading' type='HTML'/>
<b:widget id='HTML4' locked='false' title='FEEDJIT Live Traffic Map' type='HTML'/>
<b:widget id='HTML1' locked='false' title='counter' type='HTML'/>
</b:section>
</div>

<div class='clear'> </div>

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

**Straystudios** · 29-03-2009, 16:37

Prova a togliere (è in cima):

<?xml version="1.0" encoding="UTF-8" ?>

e rimpiazzalo con un Tag META nella HEAD:

<head>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>

**katiop** · 29-03-2009, 20:11

grazie stray della tua risposta, io sono giunto alla soluzione del problema di visualizzazione su IE che era dovuto al codice aggiunto per dividere il post in anteprima e continua... tolto questo tutto è tornato regolare, ora però vorrei sempre dividere il post evitando però la sparizione dei contenuti della sidebar, qualche suggerimento? grazie ancora

**katiop** · 31-03-2009, 15:45

Risolto tutto :quote:

Discussione: IE non visualizzo il blog

Strumenti discussione

Ricerca discussione

Visualizza

IE non visualizzo il blog

Permessi di invio