Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Impostare un buon <link rel="stylesheet" [Crossbrowsing]

    Andrea, Piero, e tutti gli altri intenditori, io vi evoco ,
    vi chiamo a me per assolvere ad un compito arduo: impostare un css (o più) che siano compatibili con tutti i browser esistenti.
    Io ho fatto questo, ma per altri browser datati ed obsoleti, non ho niente...
    codice:
     
    <link rel="stylesheet" type="text/css" href="/style.css" />
    <!--[if lte IE 6]>
    <style type="text/css" media="screen, projection">
    div#content{height:1%}  /*risolve il peekaboo bug e il 3 pixel jog*/
    </style>
    <![endif]-->
    <!--[if IE 5]>
    <link rel="stylesheet" type="text/CSS" href="/style_ie5.css">
    <![endif]-->
    <!--[if IE 5.5]>
    <link rel="stylesheet" type="text/CSS" href="/style_ie5.5.css">
    <![endif]-->
    <!--[if IE 6]>
    <link rel="stylesheet" type="text/CSS" href="/style_ie6.css">
    <![endif]-->
    Come lo trovate? E' buono come impostazione?
    Datemi qualche dritta su come li avete impostati voi, non conosco bene l'import per esempio, ma ho sentito che ci sono altri metodi in giro, e visto che sono nel posto giusto...
    Ho visto cose...

  2. #2
    Utente di HTML.it L'avatar di pacovox
    Registrato dal
    Oct 2001
    Messaggi
    557
    codice:
    <style type="text/css" media="screen">
    /*<![CDATA[*/
    @import 'stile.css';
    /*]]>*/
    </style>
    <!--[if IE]>
    <link rel="stylesheet" type="text/css" href="ie.css" />
    <![endif]-->
    Con import servo il css, attenzione allo spazio tra import e 'stile.css', mi serve per escludere tutti i browser della vecchia generazione dalla 4 in giù e compresa l'ultima versione di IE per mac.
    http://www.dithered.com/css_filters/...es_no_url.html
    http://www.dithered.com/css_filters/css_only/index.php
    Importante: i contenuti sono sempre disponibili anche ai suddetti browser e se l'html è ben strutturato e sensato si crea solo un'esperienza visiva diversa dai browser che hanno un buon supporto dei css. Offro il monaco senza l'abito! o con un abito diverso(css linkato e ottimizzato per loro).
    Se la richiesta è la stessa resa a video sia di NN4 che di Firefox o si torna alle tabelle o si spiega gentilmente che non è possibile per layout di una certa complessità.

    Con il commento condizionale aggiungo gli aggiustamenti per IE win. Normalmente me ne basta uno solo.

    A mio avviso in questo modo il css principale resta bello pulito senza nessun hack.
    Quando uscirà IE7 una volta capito come si comporterà aggiungo un commento condizionale o modifico quello esistente senza toccare il css principale.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.