IE non visualizza correttamente pagina di blog

**Marteueh** · 24-06-2007, 12:12

Ciao ragazzi
Ho un problema di visualizzazione che riguarda (ovviamente) IE.
Ho un blog strutturato in maniera classica quindi con un "content" che può ospitare 5 articoli per pagina e una "sidebar" con categorie, link etc etc.
Se gli articoli sono di numero < = a 5 la colonna di destra è posizionata correttamente in alto a destra, ma nel momento in cui diventano 6 (o più) alla comparsa del link alla pagina successiva la barra si abbassa all'altezza del link quindi a fondo pagina. (ricordo ancora che l'inconveniente riguarda solo IE mentre con FF funziona tutto benissimo).
Il mark-up della pagina è estremamente elementare: un div conainer all'interno del quale risiedono 4 div: head, content, sidebar, footer.
il css del content è:
#content{
width:534px;
float:left;
padding-top:10px;
background:url(../images/3.gif) top right no-repeat;
}
quello del sidebar è:
#sidebar{
float:right;
width:220px;
background:#FDFDFD url(../images/19.gif) top left repeat-y;
}

chi mi da una mano? :master:

**fcaldera** · 24-06-2007, 12:21

Potresti postare un link ad una pagina che presenta questo problema?
Dalla quantità di codice che hai postato non è possibile dedurre molto.

**Marteueh** · 24-06-2007, 12:34

il blog è realizzato col cms texpattern, quindi il codice contiene comandi txp, ma non ho postato il messaggio nella sezione cms perchè non credo che dipenda da textpattern...ecco la pagina

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="<txp:css />" type="text/css" media="screen" />
<title><txp

age_title /></title>
</head>
<body>
<div id="container">

<div id="head">
<txp:image id="13" />
<txp:image id="14" />
<txp:image id="13" />
</div>

<txp:section_list break="li" wraptag="ul" exclude="Article"/>

<div id="content">
<txp:article limit="5" form="default"/>
<txp:if_individual_article>

<txp:link_to_prev><txp

rev_title /></txp:link_to_prev>
<txp:link_to_next><txp:next_title /></txp:link_to_next>
</p>
</txp:if_individual_article>
<txp:if_article_list>

<txp

lder>Previous</txp

lder>
<txp:newer>Next</txp:newer>
</p>
</txp:if_article_list>
</div>

<div id="sidebar">
<txp:search_input label="Cerca nel sito" wraptag="p" />
<h4>Downloads</h4>
<txp:file_download_list break="li" sort="filename asc" wraptag="ul" />
<h4>Categorie</h4>
<txp:category_list break="li" wraptag="ul" />
<h4>Links</h4>
<txp:linklist break="li" wraptag="ul" />
<p class="rss"><span><txp:feed_link label="RSS" /></span> / <txp:feed_link label="Atom" flavor="atom" /></p>
</div>

<div id="foot">

L'Italia di Destra-DESTRA ITALIANA-
Via Manzoni 108
86039 Termoli (CB)
info@italiadidestra.it</p></div>
</div>
</body>

questo il css

body{
color:#3A3A3A;
text-align:center;
font:76%/1.5em "Lucida Grande",Arial,Helvetica,Tahoma,sans;
margin:0px;
padding:0px;
background:#E3E3DF;
}
#container{
border: #3A3A3A solid;
width:754px;
margin-left:auto;
margin-right:auto;
text-align:left;
background:#Ffffff;
}
/* Head Styles */
#head{
height:160px;
width: 754px;
background:#ffffff url(../images/12.jpg) repeat-x;
}
#head h1{
letter-spacing:-4px;
text-transform:uppercase;
padding:40px 0px 5px 32px;
margin:0px;
font-weight:bold;
text-decoration:none;
font-size:3em;
}
#head h1 a:link,#head h1 a:visited,#head h1 a:hover,#head h1 a:active{
border:0px;
text-decoration:none;
color:#fff;
margin:0px;
padding:0px;
}
#head h2{
color:#fff;
padding:0px 0px 10px 32px;
letter-spacing:2px;
margin:0px;
font-weight:normal;
text-decoration:none;
font-size:1.2em;
}
/* Section based nav */
ul.section_list{
font-weight:bold;
height:30px;
width:754px;
background: #3A3A3A url(../images/11.gif) repeat-x;
list-style-type:none;
text-align:center;
margin:0;
padding:0;
}
ul.section_list li{
display:block;
float:left;
text-align:center;
margin:0px;
padding:0px 0px 0px 10px;
}
ul.section_list li a:link{
white-space:nowrap;
padding:0px 10px;
color:#707070;
text-decoration:none;
display:block;
line-height:30px;
background:url(../images/9.gif) center left no-repeat;
}
ul.section_list li a:visited{
white-space:nowrap;
padding:0px 10px;
color:#707070;
text-decoration:none;
display:block;
line-height:30px;
background:url(../images/9.gif) center left no-repeat;
}
ul.section_list li a:hover,ul.section_list ul li a:active{
white-space:nowrap;
padding:0px 10px;
color:#fff;
text-decoration:none;
display:block;
background:#4A4A4A;
line-height:26px;
border-top:solid 2px #E0E0E0;
border-bottom:solid 2px #E0E0E0;
}

/* Content Styles */
#content{
width:534px;
float:left;
padding-top:10px;
background:url(../images/3.gif) top right no-repeat;
}
#content h3{
text-decoration:none;
letter-spacing:-1px;
text-transform:uppercase;
margin:12px 12px 5px 12px;
padding-left:4px;
border-bottom:solid 1px #5B5B5B;
font-weight:bold;
font-size:1.6em;
}
#content h3#comment{
font-size:1.4em;
}
#content ol.comments li{
font-size:1.4em;
text-decoration:none;
letter-spacing:-1px;
margin:0px 0px 10px 0px;
padding:0px;
font-weight:bold;
}
#content ol.comments li *{
font-size:0.71em;
font-weight:normal;
letter-spacing:0px;
padding-left:0px;
margin-left:0px;
}
#content ol.comments li * *{
font-size:1.0em;
}
#content ol.comments li * strong{
font-weight:bold;
}
#content ol.comments li small{
color:#457180;
letter-spacing:1px;
}
#content ol.comments li br{
line-height:0px;
height:0px;
font-size:0px;
}
#content h4{
letter-spacing:0px;
margin:5px 12px 0px 16px;
padding:0;
font-weight:bold;
text-decoration:none;
font-size:1.2em;
}
#content h5{
letter-spacing:0px;
margin:5px 12px 0px 16px;
padding:0;
font-weight:bold;
text-decoration:none;
font-size:1.1em;
}
#content ul{
margin-top:5px;
margin-bottom:5px;
}
#content a:link{
color:#5798AE;
}
#content a:visited{
color:#565656;
}
#content a:hover{
text-decoration:none;
color:#565656;
}
#content h3 a:link{
color:#3A3A3A;
text-decoration:none;
}
#content h3 a:visited{
color:#565656;
text-decoration:none;
}
#content h3 a:hover{
color:#5798AE;
text-decoration:none;
}
#content p{
margin:0px 0px 10px 0px;
font-size:1em;
padding-left:16px;
padding-right:16px;
}
#content blockquote{
padding:0px 10px;
margin:10px 20px;
background:#F4F4F2;
color:#42636E;
font-size:1em;
}
#content p.post{
letter-spacing:1px;
margin:2px 12px 5px 16px;
padding:0px;
color:#457180;
font-weight:normal;
text-decoration:none;
font-size:1.1em;
}
.caps{
letter-spacing:0.1em;
font-size:10px;
}
#content hr{
color:#ccc;
width:66%;
margin-top:2em;
margin-bottom:2em;
}
#txpCommentInputForm{margin:0px 0px 10px 0px;
font-size:1em;
padding-left:16px;
padding-right:16px;}
.comments_error{
background:#ffa;
}
div.comments_error{
border:1px solid #cc8;
padding:0.3em;
}
/* Right Sidebar Styles */
#sidebar h4{
text-align:left;
text-decoration:none;
letter-spacing:-1px;
text-transform:uppercase;
padding:12px 12px 0px 17px;
color:#707070;
font-size:1.2em;
font-weight:bold;
margin:0px;
}
#sidebar{
float:right;
width:220px;
background:#FDFDFD url(../images/19.gif) top left repeat-y;
}
#sidebar p{
padding-left:17px;
margin:0px 5px;
color:#707070;
}
#sidebar input{
background:#E2E2E2
border:solid 1px #323232;
height:18px;
}
#sidebar ul{
text-align:left;
list-style:none;
padding:0;
margin:0px 10px 0px 10px;
border-top:solid 1px #5B5B5B;
}
#sidebar ul li{
display:inline;
margin:0;
padding:0;
}
#sidebar ul li a:link{
color:#707070;
display:block;
padding:3px 3px 3px 7px;
border-bottom:solid 1px #5B5B5B;
text-decoration:none;
}
#sidebar ul li a:visited{
color:#707070;
display:block;
padding:3px 3px 3px 7px;
border-bottom:solid 1px #5B5B5B;
text-decoration:none;
}
#sidebar ul li a:hover{
color:#fff;
display:block;
padding:3px 3px 3px 7px;
border-bottom:solid 1px #5B5B5B;
text-decoration:none;
background:#4A4A4A;
}
#sidebar p.rss{
font-size:0.9em;
margin-top:10px;
padding:3px 3px 3px 7px;
background:#3A3A3A;
}
#sidebar span{
padding-left:14px;
background:url(../images/4.gif) center left no-repeat;
}
/* Foot Styles */
#foot{
font-size:0.9em;
clear:both;
margin:0px;
padding:7px 0px 2px 0px;
text-align:center;
background:#FDFDFD url(../images/2.gif) top left no-repeat;
width:754px;
}
#foot p{
background:#3A3A3A
margin:0px;
padding:4px 4px 4px 4px;
color:#707070;
}
.rss a:link{
color:#88C9DE;
padding:3px;
}
.rss a:visited{
color:#B8B8B8;
padding:3px;
}
.rss a:hover{
color:#fff;
padding:3px;
}
#foot a:link,#foot a:visited,#foot a:hover{
color:#707070;
}
small{font-size:1em;}
.download a:link {
color:#707070;
padding:3px;
}
.download a:hover {
color:#fff;
padding:3px;
}

ciao

Discussione: IE non visualizza correttamente pagina di blog

Strumenti discussione

Ricerca discussione

Visualizza

IE non visualizza correttamente pagina di blog

Permessi di invio