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

    Logo size laptop screen

    Ciao a tutti,

    sto realizzando un sito con WP, e ho creato un css personalizzato. Ho modificato, nell'header, la posizione del mio logo il problema è che questa modifica non ha effetto su schermi con altra risoluzione come sui laptop. Come posso ottimizzare il CSS?

    Ho provato a usare una media query ma senza successo.

    codice:
    @media all and (max-device-width: 1366px) 
    { #header {clear: both; margin: 0 auto; width: 100%; padding: 0;border-bottom: none!important;position: relative;z-index: 1;} #head-content { margin: 0 auto; padding:10px; text-align:center; position:relative; min-height:60px;z-index:98;} .head-strip{border-top:5px solid #B6B4B0;} #logo { margin: 0px 5px 0px 35px; text-align:center; } }
    Qualcuno ha avuto il mio stesso problema?

    Saluti

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    il file css se ne infischia se qualcuno usa un portatile oppure un PC fisso.

    Prova con

    @media(min-width:1366px) { /*codice*/}

    per gli altri metti

    @media(max-width:1365px) { /*codice*/}

    Per favore, rispetta la giusta indentazione del codice (almeno su più righe ), altrimenti non si può leggere.

    Se non ci riesci manda un link alla pagina

    Per una bella risata vai QUI

  3. #3
    Per ora ho risolto così:

    codice:
    @media only screen and (width: 1366px)
    {
    #logo {
    margin-left:6%; 
    margin-right:auto; 
    text-align:center;
    }
    }
    anche se continuo ad avere il problema su 360 Secure Browser che comunque usa lo stesso Trident (IE) e invece su tutti i browser l'header sfasa quando ridimensiono la finestra.

    Adesso provo come mi hai consigliato tu, sorry about the code.

    Saluti.

  4. #4
    Ho provato il metodo che mi hai consigliato, ma comunque non funziona con IE7 IE8 e 360 Browser.

    Ho provato anche a inserire "-ms-margin" ma ugualmente non funziona.

    Qualche suggerimento?

    Saluti

  5. #5
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    Ovvio che non funziona con IE 7+8 perché non supportano il css3.
    allora nemmeno il tuo codice è supportato.

    IE7 non lo usa più nessuno se non nel mondo orientale (India, Cina e questi paesi.), ed IE8 verrà abbandonato fra non molto.
    Se tuttavia vuoi la compatibilità, puoi cercare "css3 pie" su google.

    Per una bella risata vai QUI

  6. #6
    Esattamente, infatti intendo raggiungere quel target (Asia)

    Provo come mi hai suggerito.

    Grazie

  7. #7
    Ho provato a utilizzare CSS PIE ma senza successo. CSS PIE funziona solo per: border-radius,
    box-shadow, linear-gradient, -pie-background. A me invece serve spostare un po piu a destra il mio logo con "-ms-margin-left".

    Saluti

  8. #8
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    QUI

    Per una bella risata vai QUI

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.