Logo size laptop screen

[ShiroKen87]

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.

@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

[Nobody33]

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

[ShiroKen87]

Per ora ho risolto così:

@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.

[ShiroKen87]

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

[Nobody33]

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.

[ShiroKen87]

Esattamente, infatti intendo raggiungere quel target (Asia)

Provo come mi hai suggerito.

Grazie

[ShiroKen87]

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

[Nobody33]

QUI