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

    layout in base alla risoluzione

    Salve a tutti
    seguendo questa guida
    ho realizzato un sito che adatta il layout alla risluzione del browser del client.

    Da quanto dice la guida perà per far alternare i css basta inserire nei tag <link> (nella sezione <HEAD>) la proprietà :


    codice:
    <link rel="alternate stylesheet" .. />
    Il problema è che con firefox va tutto bene, mentre IE7 non riconosce questa proprietà e non carica il CSS.. se metto invece:
    codice:
    <link rel="stylesheet" .. />
    su tutti i css da alternare a seconda della risoluzione funziona, ma Firefox prima li carica entrambe a video (in questo caso ne ho due uno "piccolo" ed uno "grande") e poi ne sceglie uno con l'evidedente problema che per al caricamento della pagina l'utente vede entrambe i layout prima che venga "scelto" quello giusto, o meglio vede prima il l ayout piccolo e poi quello grande (questo accade solo se si ha la risoluzione che richiede quello grande, mentre con risoluzioni piccole ciò non avviene)...

    come posso risolvere?
    "Due cose riempiono l’animo di ammirazione e venerazione sempre nuova e crescente, quanto piú spesso e piú a lungo la riflessione si occupa di esse: il cielo stellato sopra di me, e la legge morale in me..." Immanuel Kant

  2. #2
    in pratica se provate questo codice che vi sto per postare noterete il problema

    esempio.html

    Codice PHP:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
    >
    <
    html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="it">
      <
    head>
         <
    title>PROVA </title>
         <
    link rel="stylesheet" type="text/css" title="normal" href="/css/nomrale.css" />
         <
    link rel="stylesheet" type="text/css" title="wider" href="/css/wider.css" />
         <
    script src="dynamiclayout.js" type="text/javascript"</script>
      </head>
      <body>
       <div id="prova"> 
       </div>
      </body>
    </html> 
    normale.css
    Codice PHP:
      body
      
    {
        
    backgrund:#DEDEDE;
      
    }
      
    div#prova
      
    {
        
    width:780px;
        
    background:#000000;
      

    wider.css
    Codice PHP:
      body
      
    {
        
    backgrund:#DEDEDE;
      
    }
      
    div#prova
      
    {
        
    width:980px;
        
    background:#FFFFFF;
      

    qui trovate lo script per adattare i layout..

    Allora come faccio a risolvere il mio problema?
    "Due cose riempiono l’animo di ammirazione e venerazione sempre nuova e crescente, quanto piú spesso e piú a lungo la riflessione si occupa di esse: il cielo stellato sopra di me, e la legge morale in me..." Immanuel Kant

  3. #3
    nessuno sa come far funzinare bene questo script sia con IE7 che con FF ?
    "Due cose riempiono l’animo di ammirazione e venerazione sempre nuova e crescente, quanto piú spesso e piú a lungo la riflessione si occupa di esse: il cielo stellato sopra di me, e la legge morale in me..." Immanuel Kant

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.