Torna indietro   Hardware Upgrade Forum > Software > Programmazione

ASUS ROG Kithara: quando HIFIMAN incontra il gaming con driver planari da 100mm
ASUS ROG Kithara: quando HIFIMAN incontra il gaming con driver planari da 100mm
ASUS e HIFIMAN uniscono le forze per creare ROG Kithara, cuffie gaming con driver magnetici planari da 100mm, design open-back e microfono MEMS full-band. Una proposta che ambisce a coniugare fedeltà per audiofili e performance ludiche, disponibili a 319 euro
Roborock Qrevo Curv 2 Flow: ora lava con un rullo
Roborock Qrevo Curv 2 Flow: ora lava con un rullo
Qrevo Curv 2 Flow è l'ultima novità di casa Roborock per la pulizia di casa: un robot completo, forte di un sistema di lavaggio dei pavimenti basato su rullo che si estende a seguire il profilo delle pareti abbinato ad un potente motore di aspirazione con doppia spazzola laterale
Alpine A290 alla prova: un'auto bella che ti fa innamorare, con qualche limite
Alpine A290 alla prova: un'auto bella che ti fa innamorare, con qualche limite
Abbiamo guidato per diversi giorni la Alpine A290, la prima elettrica del nuovo corso della marca. Non è solo una Renault 5 sotto steroidi, ha una sua identità e vuole farsi guidare
Tutti gli articoli Tutte le news

Vai al Forum
Rispondi
 
Strumenti
Old 07-02-2013, 17:30   #1
edosav
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);
}
questi sono i due pezzi incriminati, visto che su IE non mi visualizza correttamente i due contenitori e nemmeno il cordo tondo.
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
che ho fatto ma senza successo...

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...
edosav è offline   Rispondi citando il messaggio o parte di esso
Old 08-02-2013, 11:23   #2
edosav
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?
edosav è offline   Rispondi citando il messaggio o parte di esso
Old 22-02-2013, 21:14   #3
edosav
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
edosav è offline   Rispondi citando il messaggio o parte di esso
 Rispondi


ASUS ROG Kithara: quando HIFIMAN incontra il gaming con driver planari da 100mm ASUS ROG Kithara: quando HIFIMAN incontra il gam...
Roborock Qrevo Curv 2 Flow: ora lava con un rullo Roborock Qrevo Curv 2 Flow: ora lava con un rull...
Alpine A290 alla prova: un'auto bella che ti fa innamorare, con qualche limite Alpine A290 alla prova: un'auto bella che ti fa ...
Recensione HONOR Magic 8 Lite: lo smartphone indistruttibile e instancabile Recensione HONOR Magic 8 Lite: lo smartphone ind...
Sony WF-1000X M6: le cuffie in-ear di riferimento migliorano ancora Sony WF-1000X M6: le cuffie in-ear di riferiment...
Microsoft Highlight Reels: clip e montag...
Una nuova partnership per i TV Panasonic...
NIO batte il suo record di scambio batte...
Verona ha i bus del futuro: 34 mezzi ele...
Changan risponde presente: batterie allo...
Creatore di Telegram accusato di terrori...
Microsoft prepara molte novità le...
Alcolock obbligatorio da oggi: ecco chi ...
Intel Unified Core: un annuncio di lavor...
Nikon rinnova il suo telezoom profession...
Ci sarà una nuova serie di Evange...
ESA Space Rider: superato un test per lo...
Horse e Repsol hanno costruito il protot...
Beats Solo 4 a 111€: le iconiche cuffie ...
IBM crolla in Borsa (-13%) dopo l'annunc...
Chromium
GPU-Z
OCCT
LibreOffice Portable
Opera One Portable
Opera One 106
CCleaner Portable
CCleaner Standard
Cpu-Z
Driver NVIDIA GeForce 546.65 WHQL
SmartFTP
Trillian
Google Chrome Portable
Google Chrome 120
VirtualBox
Tutti gli articoli Tutte le news Tutti i download

Strumenti

Regole
Non Puoi aprire nuove discussioni
Non Puoi rispondere ai messaggi
Non Puoi allegare file
Non Puoi modificare i tuoi messaggi

Il codice vB è On
Le Faccine sono On
Il codice [IMG] è On
Il codice HTML è Off
Vai al Forum


Tutti gli orari sono GMT +1. Ora sono le: 02:00.


Powered by vBulletin® Version 3.6.4
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.
Served by www3v