larghezza #container (su blog) non viene interpretata da ie

**piccerella** · 09-04-2008, 09:51

Eccomi di fronte all'ennesimo problema... odio ie. Lo odio. Non capisco proprio cosa campi a fare ancora oggi!!!!!!! Dunque... ho un problema ovviamente solo su ie, sia su pc che su mac, il sito è questo ... non c'è bisogno che vi dica quale sia la magagna..........
Basta aprirlo con ff che si vedrà tutto alla perfezione...
Ho bisogno di una mano per favore!!

VVoVe:

**UmaThurman** · 09-04-2008, 12:14

Ci sono un po' di errori.
Innanzitutto manca il doctype

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Inseriscilo perchè se no ie va in quirk mode con conseguenti problemi di box model.
Poi ci sono due div con id #main, eliminane uno tanto non serve a nulla, stessa cosa per i due con id #sidebar.

E qua c'è il css modificato, c'erano problemi con le misure delle larghezze.

codice:

<style id="page-skin-1" type="text/css">
<!--
/*
-----------------------------------------------
Blogger Template Style
Name: Andreas02
URL: http://www.geckoandfly.com
Updated by: http://www.blogcrowds.com
Support: http://www.blogcrowds.com
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}body {
margin:0px; padding:0px;
text-align:center;
font:70% Sans-serif, arial, trebuchet;
background:#730069;
color:#696969;
}a{
text-decoration:none;
color:#730069;
}a:hover{
text-decoration:underline;
color:#ff7200;
}#toptabs{
margin:10px auto -13px auto;
font-size:1em;
width:760px;
}#toptabs p{
text-align:right;
color:#ff7200;
}.toptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
text-decoration:none;
background:#ffffff url(http://digilander.libero.it/piccerel...va/corner2.gif) top right no-repeat;
color:#696969;
border-bottom:1px solid #e0e0e0;
}.toptab:hover{
background:#ff7200 url(http://digilander.libero.it/piccerel...rner2hover.gif) top right no-repeat;
border-bottom:1px solid #eaeaea;
color:#ffffff;
text-decoration:none;
}.activetoptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
color:#730069;
text-decoration:none;
background:#ffffff url(http://digilander.libero.it/piccerel...va/corner2.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}.activetoptab:hover{
text-decoration:none;
}#container{
margin:auto !important;
width:770px;
padding:5px 20px 20px;
background:#ffffff;
text-align:left;
}#logo{
margin:-30px 0 0 0;
}#logo h1 a{
color:#730069;
}#logo h1 a:hover{
text-decoration:none;
}#navitabs{
clear:both;
_margin:0 0 20px 0;
}.navitab{
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
letter-spacing:0px;
background:#ff7200 url(http://digilander.libero.it/piccerel...ova/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
}.navitab:hover{
text-decoration:none;
background:#730069 url(http://digilander.libero.it/piccerel...ova/corner.gif) top right no-repeat;
}.activenavitab{
padding:4px 8px 5px 8px;
color:#ffffff;
margin:0 0 5px 0;
text-decoration:none;
background:#730069 url(http://photos1.blogger.com/blogger/7...600/corner.gif) top right no-repeat;
}.activenavitab:hover{
text-decoration:none;
}#desc{
height:200px;
color:#ffffff;
padding:0;
background:#730069 url(http://digilander.libero.it/piccerel...ova/titolo.gif) top left no-repeat;
border-bottom:3px solid;
border-color:#ff7200;
clear:both;
margin:-15px 0 0 0;
}#desc p{
width:160px;
font-size:1em;
line-height:1.3em;
padding:46px 0 0 585px;
}#desc h2{
padding:15px 15px 0 15px;
color:#ffffff;
}#desc a{
color:#ffffff;
text-decoration:underline;
}#main{
width:564px;
float:left;
font:150% Sans-serif, arial, trebuchet;
padding:0 15px 0 0;
border-right:1px dashed #ff7200;
}#main div{
border:0px solid #000;
font:90% Sans-serif, arial, trebuchet;
line-height:1.5em;
}.block{
background:#ff7200;
padding:15px;
}#sidebar{
width:165px;
float:right;
padding:0 0px 0 25px;
}#sidebar p{
font-size:0.9em;
line-height:1.3em;
margin:0px 0;
}#sidebar a{
text-align:left;
display:block;
width:153px;
background:#ff7200 url(http://digilander.libero.it/piccerel...ova/corner.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:2px 0px;
}#sidebar a:hover{
background:#730069 url(http://digilander.libero.it/piccerel...ova/corner.gif) top right no-repeat;
text-decoration:none;
}#sidebar ul{
margin:2px 0;
padding:0;
list-style:none;
}#sidebar li,{
margin:2px 0px 2px 0px;
padding:0;
list-style:none;
}#sidebar div div{
margin:20px 0 0;
}#sidebar h2{
margin:5px 0;
}#footer{
clear:both;
color:#808080;
font-size:1em;
padding:8px 0 8px 0;
border-top:1px dashed #ff7200;
text-align:center;
}#footer a{
color:#808080;
}h1{
margin:0 0 20px 0;
font-size:2.1em;
font-weight:normal;
}h2{
margin:0 0 20px 0;
font-size:1.6em;
font-weight:normal;
}h3{
margin:20px 0 10px 0;
font-size:1.4em;
font-weight:normal;
}p{
margin:0 0 15px 0;
line-height:1.5em;
text-align:left;
}.right{
text-align:right;
}a img{
border:0;
}.photo{
padding:5px;
display:block;
margin:0 auto 15px auto;
background-color:#f0f0f0;
}.hide{
display:none;
}.clear{
clear:both;
}blockquote{margin:20px 0;padding:0 20px 0 50px;background:url('http://digilander.libero.it/piccerella77/prova/quote.jpg') 10px top no-repeat;border:none}
--></style>

<style type="text/css">@import url('http://www.blogger.com/css/blog_controls.css');
@import url('http://www.blogger.com/dyn-css/authorization.css?targetBlogID=4443166995185630404');
#navbar-iframe { display:block }
</style>

A me così funziona sia su ff che su ie6 e 7

**piccerella** · 09-04-2008, 13:00

ciao uma, grazie per la tua risposta, ma purtroppo continuo ad avere problemi...
Ti posto il mio codice per intero e lo screenshot di ie

<?xml version="1.0" encoding="UTF-8" ?>
<html 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><script src='http://digilander.libero.it/piccerella77/lytebox_demo.js' type='text/javascript'/>
<link href='http://digilander.libero.it/piccerella77/lytebox.css' media='screen' rel='stylesheet' type='text/css'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Andreas02
URL: http://www.geckoandfly.com
Updated by: http://www.blogcrowds.com
Support: http://www.blogcrowds.com
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}

body {
margin:0px; padding:0px;
text-align:center;
font:70% Sans-serif, arial, trebuchet;
background:#730069;
color:#696969;
}

a{
text-decoration:none;
color:#730069;
}

a:hover{
text-decoration:underline;
color:#ff7200;
}

#toptabs{
margin:10px auto -13px auto;
font-size:1em;
width:760px;
}

#toptabs p{
text-align:right;
color:#ff7200;
}

.toptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
text-decoration:none;
background:#ffffff url(http://digilander.libero.it/piccerel...va/corner2.gif) top right no-repeat;
color:#696969;
border-bottom:1px solid #e0e0e0;
}

.toptab:hover{
background:#ff7200 url(http://digilander.libero.it/piccerel...rner2hover.gif) top right no-repeat;
border-bottom:1px solid #eaeaea;
color:#ffffff;
text-decoration:none;
}

.activetoptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
color:#730069;
text-decoration:none;
background:#ffffff url(http://digilander.libero.it/piccerel...va/corner2.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}

.activetoptab:hover{
text-decoration:none;
}

#container{
margin:auto !important;
width:770px;
_width:770px;
padding:5px 10px 10px;
background:#ffffff;
text-align:left;
}

#logo{
margin:-30px 0 0 0;
}

#logo h1 a{
color:#730069;
}

#logo h1 a:hover{
text-decoration:none;
}

#navitabs{
clear:both;
_margin:0 0 20px 0;
}

.navitab{
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
letter-spacing:0px;
background:#ff7200 url(http://digilander.libero.it/piccerel...ova/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
}

.navitab:hover{
text-decoration:none;
background:#730069 url(http://digilander.libero.it/piccerel...ova/corner.gif) top right no-repeat;
}

.activenavitab{
padding:4px 8px 5px 8px;
color:#ffffff;
margin:0 0 5px 0;
text-decoration:none;
background:#730069 url(http://photos1.blogger.com/blogger/7...600/corner.gif) top right no-repeat;
}

.activenavitab:hover{
text-decoration:none;
}

#desc{
height:200px;
color:#ffffff;
padding:0;
background:#730069 url(http://digilander.libero.it/piccerel...ova/titolo.gif) top left no-repeat;
border-bottom:3px solid;
border-color:#ff7200;
clear:both;
margin:-15px 0 0 0;
}

#desc p{
width:160px;
font-size:1em;
line-height:1.3em;
padding:46px 0 0 585px;
}

#desc h2{
padding:15px 15px 0 15px;
color:#ffffff;
}

#desc a{
color:#ffffff;
text-decoration:underline;
}

#main{
width:564px;
float:left;
font:150% Sans-serif, arial, trebuchet;
padding:0 15px 0 0;
border-right:1px dashed #ff7200;
}

#main div{
border:0px solid #000;
font:90% Sans-serif, arial, trebuchet;
line-height:1.5em;
}

.block{
background:#ff7200;
padding:15px;
}

#sidebar{
width:165px;
float:right;
padding:0 0px 0 25;
}

#sidebar p{
font-size:0.9em;
line-height:1.3em;
margin:0px 0;
}

#sidebar a{
text-align:left;
display:block;
width:150px;
background:#ff7200 url(http://digilander.libero.it/piccerel...ova/corner.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:2px 0px;
}

#sidebar a:hover{
background:#730069 url(http://digilander.libero.it/piccerel...ova/corner.gif) top right no-repeat;
text-decoration:none;
}

#sidebar ul{
margin:2px 0;
padding:0;
list-style:none;
}

#sidebar li,{
margin:2px 0px 2px 0px;
padding:0;
list-style:none;
}

#sidebar div div{
margin:20px 0 0;
}

#sidebar h2{
margin:5px 0;
}

#footer{
clear:both;
color:#808080;
font-size:1em;
padding:8px 0 8px 0;
border-top:1px dashed #ff7200;
text-align:center;
}

#footer a{
color:#808080;
}

h1{
margin:0 0 20px 0;
font-size:2.1em;
font-weight:normal;
}

h2{
margin:0 0 20px 0;
font-size:1.6em;
font-weight:normal;
}

h3{
margin:20px 0 10px 0;
font-size:1.4em;
font-weight:normal;
}

p{
margin:0 0 15px 0;
line-height:1.5em;
text-align:left;
}

.right{
text-align:right;
}

a img{
border:0;
}

.photo{
padding:5px;
display:block;
margin:0 auto 15px auto;
background-color:#f0f0f0;
}

.hide{
display:none;
}

.clear{
clear:both;
}

blockquote{margin:20px 0;padding:0 20px 0 50px;background:url('http://digilander.libero.it/piccerella77/prova/quote.jpg') 10px top no-repeat;border:none}
]]></b:skin>
</head>

<body>

<div id='toptabs'>

Discover Caia:
Chi è Caia<span class='hide'> | </span>
Spedizioni<span class='hide'> | </span>
F.a.q.<span class='hide'> | </span>
Contatti</p>
</div>

<div id='container'>

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

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Caia ~ Feltro & Co. (Intestazione)' type='Header'/>
</b:section>

<div id='main'>
<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'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='Abbigliamento e accessori' type='LinkList'/>
<b:widget id='LinkList2' locked='false' title='Accessori per capelli' type='LinkList'/>
<b:widget id='LinkList3' locked='false' title='Accessori per la cucina' type='LinkList'/>
<b:widget id='LinkList4' locked='false' title='Cartoleria e oggettistica' type='LinkList'/>
<b:widget id='LinkList5' locked='false' title='Prima infanzia' type='LinkList'/>
<b:widget id='LinkList6' locked='false' title='Giochi e passatempi' type='LinkList'/>
<b:widget id='LinkList7' locked='false' title='Ricorrenze e festività' type='LinkList'/>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
</div>

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

<div id='footer'>

<div align='center'>Caia ~ Feltro e Co. | Copyright 2008 - È vietata copia, riproduzione e/o diffusione anche parziale senza autorizzazione di tutti i contenuti del blog | No part of the content or the blog may be reproduced without prior written permission | ilfeltrodicaia@gmail.com

</div>

</div>

</div>

</body>
</html>

**UmaThurman** · 09-04-2008, 13:10

Prova così

codice:

<?xml version="1.0" encoding="UTF-8" ?>
<html 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><script src='http://digilander.libero.it/piccerella77/lytebox_demo.js' type='text/javascript'/>
<link href='http://digilander.libero.it/piccerella77/lytebox.css' media='screen' rel='stylesheet' type='text/css'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Andreas02
URL: http://www.geckoandfly.com
Updated by: http://www.blogcrowds.com
Support: http://www.blogcrowds.com
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}body {
margin:0px; padding:0px;
text-align:center;
font:70% Sans-serif, arial, trebuchet;
background:#730069;
color:#696969;
}a{
text-decoration:none;
color:#730069;
}a:hover{
text-decoration:underline;
color:#ff7200;
}#toptabs{
margin:10px auto -13px auto;
font-size:1em;
width:760px;
}#toptabs p{
text-align:right;
color:#ff7200;
}.toptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
text-decoration:none;
background:#ffffff url(http://digilander.libero.it/piccere...ova/corner2.gif) top right no-repeat;
color:#696969;
border-bottom:1px solid #e0e0e0;
}.toptab:hover{
background:#ff7200 url(http://digilander.libero.it/piccere...orner2hover.gif) top right no-repeat;
border-bottom:1px solid #eaeaea;
color:#ffffff;
text-decoration:none;
}.activetoptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
color:#730069;
text-decoration:none;
background:#ffffff url(http://digilander.libero.it/piccere...ova/corner2.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}.activetoptab:hover{
text-decoration:none;
}#container{
margin:auto !important;
width:770px;
padding:5px 20px 20px;
background:#ffffff;
text-align:left;
}#logo{
margin:-30px 0 0 0;
}#logo h1 a{
color:#730069;
}#logo h1 a:hover{
text-decoration:none;
}#navitabs{
clear:both;
_margin:0 0 20px 0;
}.navitab{
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
letter-spacing:0px;
background:#ff7200 url(http://digilander.libero.it/piccere...rova/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
}.navitab:hover{
text-decoration:none;
background:#730069 url(http://digilander.libero.it/piccere...rova/corner.gif) top right no-repeat;
}.activenavitab{
padding:4px 8px 5px 8px;
color:#ffffff;
margin:0 0 5px 0;
text-decoration:none;
background:#730069 url(http://photos1.blogger.com/blogger/...1600/corner.gif) top right no-repeat;
}.activenavitab:hover{
text-decoration:none;
}#desc{
height:200px;
color:#ffffff;
padding:0;
background:#730069 url(http://digilander.libero.it/piccere...rova/titolo.gif) top left no-repeat;
border-bottom:3px solid;
border-color:#ff7200;
clear:both;
margin:-15px 0 0 0;
}#desc p{
width:160px;
font-size:1em;
line-height:1.3em;
padding:46px 0 0 585px;
}#desc h2{
padding:15px 15px 0 15px;
color:#ffffff;
}#desc a{
color:#ffffff;
text-decoration:underline;
}#main{
width:564px;
float:left;
font:150% Sans-serif, arial, trebuchet;
padding:0 15px 0 0;
border-right:1px dashed #ff7200;
}#main div{
border:0px solid #000;
font:90% Sans-serif, arial, trebuchet;
line-height:1.5em;
}.block{
background:#ff7200;
padding:15px;
}#sidebar{
width:165px;
float:right;
padding:0 0px 0 25px;
}#sidebar p{
font-size:0.9em;
line-height:1.3em;
margin:0px 0;
}#sidebar a{
text-align:left;
display:block;
width:153px;
background:#ff7200 url(http://digilander.libero.it/piccere...rova/corner.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:2px 0px;
}#sidebar a:hover{
background:#730069 url(http://digilander.libero.it/piccere...rova/corner.gif) top right no-repeat;
text-decoration:none;
}#sidebar ul{
margin:2px 0;
padding:0;
list-style:none;
}#sidebar li,{
margin:2px 0px 2px 0px;
padding:0;
list-style:none;
}#sidebar div div{
margin:20px 0 0;
}#sidebar h2{
margin:5px 0;
}#footer{
clear:both;
color:#808080;
font-size:1em;
padding:8px 0 8px 0;
border-top:1px dashed #ff7200;
text-align:center;
}#footer a{
color:#808080;
}h1{
margin:0 0 20px 0;
font-size:2.1em;
font-weight:normal;
}h2{
margin:0 0 20px 0;
font-size:1.6em;
font-weight:normal;
}h3{
margin:20px 0 10px 0;
font-size:1.4em;
font-weight:normal;
}p{
margin:0 0 15px 0;
line-height:1.5em;
text-align:left;
}.right{
text-align:right;
}a img{
border:0;
}.photo{
padding:5px;
display:block;
margin:0 auto 15px auto;
background-color:#f0f0f0;
}.hide{
display:none;
}.clear{
clear:both;
}blockquote{margin:20px 0;padding:0 20px 0 50px;background:url('http://digilander.libero.it/piccerella77/prova/quote.jpg') 10px top no-repeat;border:none}
]]></b:skin>
</head>

<body>







<div id='toptabs'>


Discover Caia:
Chi è Caia<span class='hide'> | </span>
Spedizioni<span class='hide'> | </span>
F.a.q.<span class='hide'> | </span>
Contatti</p>
</div>

<div id='container'>


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


<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Caia ~ Feltro & Co. (Intestazione)' type='Header'/>
</b:section>



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





<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='Abbigliamento e accessori' type='LinkList'/>
<b:widget id='LinkList2' locked='false' title='Accessori per capelli' type='LinkList'/>
<b:widget id='LinkList3' locked='false' title='Accessori per la cucina' type='LinkList'/>
<b:widget id='LinkList4' locked='false' title='Cartoleria e oggettistica' type='LinkList'/>
<b:widget id='LinkList5' locked='false' title='Prima infanzia' type='LinkList'/>
<b:widget id='LinkList6' locked='false' title='Giochi e passatempi' type='LinkList'/>
<b:widget id='LinkList7' locked='false' title='Ricorrenze e festività' type='LinkList'/>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>



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

<div id='footer'>

<div align='center'>Caia ~ Feltro e Co. | Copyright 2008 - È vietata copia, riproduzione e/o diffusione anche parziale senza autorizzazione di tutti i contenuti del blog | No part of the content or the blog may be reproduced without prior written permission | ilfeltrodicaia@gmail.com

</div>

</div>

</div>

</body>
</html>

**piccerella** · 09-04-2008, 13:51

così non mi vede più l'immagine in testa alla pagina e tutti i corner dei menu... :master:

**UmaThurman** · 09-04-2008, 14:05

Ma il resto funziona?
Non le vedi perchè copiando e incollando il forum ha aggiunto dei puntini negli url delle immagini, prova a riscrivere i percorsi

**piccerella** · 09-04-2008, 14:26

niente da fare Uma... vedo sempre alla stessa maniera!
le immagini sono ok, non avevo fatto caso al percorso...

Possibile si tratti della versione di ie che utilizzo? Perché da casa (credo di avere il software aggiornato all'ultima versione) lo visualizzo bene, è con il 6 che ho guai... Ora, non so con le versioni precedenti cosa succede, sta di fatto che ho ricevuto delle segnalazioni di persone che non riuscivano a navigare per una serie di evidenti difficoltà, per cui immagino abbiano una vecchia versione di ie...

C'è modo di risolvere questo annoso problema secondo te?

**UmaThurman** · 09-04-2008, 14:52

Che versione di ie usi? Con la 6 e la 7 dovrebbe funzionare. Ci sono problemi di box model solo con 5.5 e inferiori.
Copia questo codice in un nuovo file html e prova a visualizzare la pagina

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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>
<script src="Caia%20%7E%20Feltro%20&%20Co_files/lytebox_demo.js" type="text/javascript"></script>
<link href="Caia%20%7E%20Feltro%20&%20Co_files/lytebox.css" media="screen" rel="stylesheet" type="text/css">

<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta content="true" name="MSSmartTagsPreventParsing">
<meta content="blogger" name="generator">
<link rel="alternate" type="application/atom+xml" title="Caia ~ Feltro & Co. - Atom" href="http://ilfeltrodicaia.blogspot.com/feeds/posts/default">
<link rel="alternate" type="application/rss+xml" title="Caia ~ Feltro & Co. - RSS" href="http://ilfeltrodicaia.blogspot.com/feeds/posts/default?alt=rss">
<link rel="service.post" type="application/atom+xml" title="Caia ~ Feltro & Co. - Atom" href="http://www.blogger.com/feeds/4443166995185630404/posts/default">
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=4443166995185630404">
<link rel="me" href="http://www.blogger.com/profile/09974474021607553155">
<link rel="openid.server" href="http://www.blogger.com/openid-server.g"><title>Caia ~ Feltro & Co.</title>

<style id="page-skin-1" type="text/css">
</style>

<style type="text/css">@import url('http://www.blogger.com/css/blog_controls.css');
@import url('http://www.blogger.com/dyn-css/authorization.css?targetBlogID=4443166995185630404 ');
#navbar-iframe { display:block }
</style>

<link rel="stylesheet" type="text/css" href="Caia%20%7E%20Feltro%20&%20Co_files/3597482671-blog.css"></head>

**Mich_** · 09-04-2008, 14:55

Non ho guardato tutto quel codice, ma ti consiglio di togliere il prologo XML: non e` obbligatorio per la DTD XHTML 1.0 strict, e IE6 quando trova qualsiasi cosa prima del DOCTYPE interpreta in quirks mode.
Inoltre il DOCTYPE non va chiuso tra commenti.

Una passata dai validatori potrebbe essere utile, per escludere problemi di sintassi.

Poi ho notato alcune cose che possono essere negative in qualche browser vecchio.
I
(che nella programmazione moderna dovrebbero non servire), vanno scritti con lo spazio prima della slash di chiusura, altrimenti potrebbero venir ignorati dai browser che non capiscono XHTML.
I vari <b:qualcosa non fannoparte della specifica XHTML, ma sono XML: conviene toglierli.
Le liste (e quindi anche i menu) vanno rese con i tag di lista (probabilmente <ul> e[*].

**UmaThurman** · 09-04-2008, 15:03

Beh, postarti tutta la pagina è un casino, allegartela non si riesce, comunque il css è quello. Io in locale lo vedo perfetto.

Discussione: larghezza #container (su blog) non viene interpretata da ie

Strumenti discussione

Ricerca discussione

Visualizza

larghezza #container (su blog) non viene interpretata da ie

Permessi di invio