|
|||||||
|
|
|
![]() |
|
|
Strumenti |
|
|
#1 |
|
Member
Iscritto dal: Jun 2006
Messaggi: 60
|
[HTML&CSS] box-sizing e IE
Ciao a tutti!
Come da titolo seguendo un tutorial ho creato una lyout fisso a griglia che sfrutta i css3, il mio problema è che funziona benissimo con firefox e chorme ma con IE (io ho l'8 su win XP) non sembra voler funzionare... Codice:
/* Box-sizing -*/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
*behavior: url('/stili/boxsizing.htc');
}
Codice:
/* Griglia */
.contenitore {
background:#ffffff;
background-image:url(../img/bkgrd.png), url(../img/bkgrdbtt.png);
background-repeat: no-repeat, no-repeat;
background-position: top left, bottom right;
width:960px;
margin:5 auto;
padding:5 0 0 0;
position:relative;
border-radius: 5px;
-moz-border-radius: 5px; // Per Firefox
-webkit-border-radius: 5px; // Per Chrome
behavior: url(ie-css3.htc);
}
Per quanto riguarda il boxsizing ho guardato la pagina ufficiale ( qua ) che suggerisce di mettere un asterisco prima di behavior perchè in teoria E 8 gestisce da se la proprietà e così lo visualizzano solo IE 6 e 7, ma non mi sembra che funzioni comunque. Inoltre ho controllato la posizione del file e ho provato in svariati percorsi, sia con l'URL riferito al file html che riferito al css. Ho anche provato il suggerimento sempre della pagina ufficiale che consiglia di aggiungere al file .htaccess la riga Codice:
AddType text/x-component .htc Idem con patate con il comportamento del border-radius, che mi interessa però meno rispetto al layout! Il bello è che con la pagina di demo del tutorial il layout viene visualizzato correttamente Probabilmente mi sta sfuggendo qualcosa ma sono due giorni che provo e riprovo e non riesco a venirne a capo... |
|
|
|
|
|
#2 |
|
Member
Iscritto dal: Jun 2006
Messaggi: 60
|
Sono andato avanti a cercar soluzioni, a quanto pare la mia versione di IE dovrebbe essere la 8+ (è la 8.0.6001) giusto?
Se è così dovrebbe riconoscere nativamente box-sizing senza problemi ma si ostina a spaginare tutto Mi sono procurato IETester e con tutte le versioni di IE mi da sempre lo stesso identico problema... ho notato anche che non mi visualizza il div per il contenuto centrato senza che io lo includa in un'altro div con align="center". Qualcuno sa niente di questo problema? |
|
|
|
|
|
#3 |
|
Member
Iscritto dal: Jun 2006
Messaggi: 60
|
Ho risolto! Non ho capito esattamente perchè ma con questa modifica sono riuscito a farlo andare anche su explorer!
Codice:
body {
padding: 5 0 0 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 20px;
color:#2a6fb5;
background-color: #14212e ;
}
.contenitore1{
background:#ffffff;
background-image:url(../img/bkgrd.png);
background-repeat: no-repeat;
background-position: top left;
width:960px;
margin: 0 auto;
padding:0;
position:relative;
border-radius: 5px;
-moz-border-radius: 5px; // Per Firefox
-webkit-border-radius: 5px; // Per Chrome
behavior: url('/script/ie-css3.htc');
}
.contenitore {
background-image: url(../img/bkgrdbtt.png);
background-repeat: no-repeat;
background-position: bottom right;
width:960px;
margin:0;
padding:5 0 0 0;
position:relative;
border-radius: 5px;
-moz-border-radius: 5px; // Per Firefox
-webkit-border-radius: 5px; // Per Chrome
behavior: url('/script/ie-css3.htc');
}
Ultima modifica di edosav : 22-02-2013 alle 21:15. Motivo: edit |
|
|
|
|
| Strumenti | |
|
|
Tutti gli orari sono GMT +1. Ora sono le: 20:23.



















