Div e IE: pagina tagliata

[Martin_fly]

Salve a tutti,


ho un porblema con i Div e IE:

se vedete la pagina http://affiliazioni.blogspot.com/200...menti-nel.html con Internet Explorer viene "tagliata" la barra laterale (sidebar), mentre la stessa pagina vista con FireFox si vede perfettamente.

Non essendo un grande esperto di siti fatti con i div, ho provato a smanettare un pò sia il css e sia il body, ma non sono riuscito


Come posso fare visualizzare la pagina correttamente anche con IE?

[floyd46]

effettivamente la colonna dx con IE non si vede tutta fino in basso;
non l'ho vista con FF. Cmq credo si debba intervenire sul CSS.
Tieni conto che un layout con i DIV va ottimizzato x IE; i browser standard riconoscono tale codice.
ciao

[Martin_fly]

Originariamente inviato da floyd46
effettivamente la colonna dx con IE non si vede tutta fino in basso;
non l'ho vista con FF. Cmq credo si debba intervenire sul CSS.
Tieni conto che un layout con i DIV va ottimizzato x IE; i browser standard riconoscono tale codice.
ciao

Ciao Floyd,

io ci ho provato, ma non avendo creato il sito da zero (in quanto è un template di blogger) non saprei proprio su che tag intervenire


qualche buon anima mi potrebbe aiutare???

[floyd46]

si dovrebbe rivedere tutto il css, secondo me, e non una sola parte.

[Martin_fly]

il css è questo:

body {
line-height: 122%;
margin: 0;
padding: 0;
border: 0;
text-align: center;
color: #554;
background: #DDDDDD url(http://www.blogblog.it/blog/affiliaz.../outerwrap.gif) top center repeat-y;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-size: 78%;
}

img {
border: 0;
display: block;
}

.noimg {
border: 0;
display: inline;

}

/* Wrapper */

#wrapper {
margin: 0 auto;
padding: 0;
border: 0;
width: 692px;
text-align: left;
background: #fff url(http://www.blogblog.com/moto_son/innerwrap.gif) top right repeat-y;
font-size:90%;
}


/* Header */

#blog-header {
color: #ffe;
background: #8b2 url(http://www.blogblog.com/blog/affilia...dbotborder.gif) bottom left repeat-x;
margin: 0 auto;
padding: 0 0 15px 0;
border: 0;
}

#blog-header h1 {
color: #555;
font-size: 24px;
text-align: left;
padding: 15px 20px 0 20px;
margin: 0;
background-image: url(http://www.blogblog.it/blog/affiliaz...pot/topper.gif);
background-repeat: repeat-x;
background-position: top left;
}

#blog-header p {
color: #333;
font-size: 110%;
text-align: left;
padding: 3px 20px 10px 20px;
margin: 0;
background-image: url(http://www.blogblog.it/blog/affiliaz...pot/topper.gif);
line-height:140%;
}


/* Inner layout */

#content {
padding: 0 20px;
}

#main {
width: 400px;
float: left;
}

#sidebar {
width: 226px;
float: right;
}

/* Bottom layout */


#footer {
clear: left;
margin: 0;
padding: 0 20px;
border: 0;
text-align: left;
border-top: 1px solid #f9f9f9;
background-color: #fdfdfd;
}

#footer p {
text-align: left;
margin: 0;
padding: 10px 0;
font-size: x-small;
background-color: transparent;
color: #999;
}


/* Default links */

a:link, a:visited {
font-weight : normal;
text-decoration : none;
color: #0000FF;
background: transparent;

}

a:hover {
font-weight : normal;
text-decoration : underline;
color: #888888;
background: transparent;

}



a.LinkSmall:link, a.LinkSmall:visited {
font-weight : normal;
text-decoration : none;
font-size: 90%;
background: transparent;
}

a.LinkSmall:hover {
font-weight : normal;
text-decoration : underline;
font-size: 90%;
background: transparent;
}




/* Typography */

#main p, #sidebar p {
line-height: 140%;
margin-top: 5px;
margin-bottom: 1em;
}

h2, h3, h4, h5 {
margin: 25px 0 0 0;
padding: 0;
}

h2 {
font-size: large;
}

h3.post-title {line-height: 106%;
margin-top: 5px;
FONT-SIZE: 18px;
COLOR: #333;
FONT-WEIGHT: bold;
FONT-FAMILY: Arial, Helvetica, sans-serif;
}


H4
{ line-height: 125%;
FONT-SIZE: 13px;
COLOR: #333;
FONT-WEIGHT: bold;
FONT-FAMILY: Arial, Helvetica, sans-serif;
}

ul {
margin: 0 0 25px 0;
}


li {
line-height: 160%;
}

#sidebar ul {
padding-left: 10px;
padding-top: 3px;
}

#sidebar ul li {
list-style: disc url(http://www.blogblog.it/blog/affiliaz...ot/diamond.gif) inside;
vertical-align: top;
padding: 0;
margin: 0;
}

dl.profile-datablock {
margin: 3px 0 5px 0;
}
dl.profile-datablock dd {
line-height: 140%;
}

.profile-img {display:inline;}

.profile-img img {
float:left;
margin:0 10px 5px 0;
border:4px solid #8b2;
}

#comments {
border: 0;
border-top: 1px dashed #eed;
margin: 10px 0 0 0;
padding: 0;
}

#comments h3 {
margin-top: 10px;
margin-bottom: -10px;
font-weight: normal;
font-style: italic;
text-transform: uppercase;
letter-spacing: 1px;
}

#comments dl dt {
font-weight: bold;
font-style: italic;
margin-top: 35px;
padding: 1px 0 0 18px;
background: transparent url(http://www.blogblog.com/moto_son/commentbug.gif) top left no-repeat;
color: #998;
}

#comments dl dd {
padding: 0;
margin: 0;
}
.deleted-comment {
font-style:italic;
color:gray;
}



.borderP
{
Font-size: 11px;
BORDER: #EBEBEB 1px solid;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
background-color: #F9F9F9;
PADDING: 2px;
}



e io non saprei proprio dove mettere le mani

a chi mi aiuta offro 2 link puri html con la keyword desiderata e su 2 pagine dal buon page rank

[Martin_fly]

nessuno?

[floyd46]

se posso, domattina dò uno sguardo.
ciao

[Martin_fly]

Originariamente inviato da floyd46
se posso, domattina dò uno sguardo.
ciao

ottimo...grazie mille...

Io ho riprovato ma non ci sono ancora riuscito

[Martin_fly]

up

[Martin_fly]

help me please