Non so cosa centra

JtothaX

Utente Attivo
2 Ott 2013
78
0
0
Treviso
Il titolo ve lo spiego subito.
Sto realizzando un mio (primo) sito responsive.
Il succo da gestire è nel menu di navigazione. Imposto dunque i CSS per tre situazioni, a cascata:

/* Codice generale per i 3 casi [...] */
@media screen and (max-width: 768px) {/* Tablet */}
@media screen and (max-width: 480px) {/* Smartphone */}

Nelle regole generale ho imbastito quanto segue:
Codice:
#intestazione {
	max-width: 60em;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}


#logo {
	width: 300px;
	margin: 0 1% 0 0;
	float: left;
}
e un tag nav con dentro un ul, appunto il menu, a destra.

Voglio che arrivati alla formattazione per tablet e mobile, il logo si centri rispetto all'intestazione e poi appunto appaia il menu nuovo per la navigazione da dispositivi mobili (che realizzerò in seguito, prima voglio raccapezzarmici un attimo).

Annullo il float. Però il margin 0 auto non funziona.
Funziona solo così, ma non so mica perché:
Codice:
@media screen and (max-width: 768px) {
#logo {
	clear: both;
	position: relative;
	left: 50%;
	margin-left: -150px;
}


#menu {
	display: none;
}
}

Pensavo di dover mettere il position relative al #intestazione e il position absolute al figlio #logo ma non funzionava per niente. Spariva tutto. Così invece fa quello che gli si dice. Il problema appunto è che non capisco il motivo pur avendo masticato CSS da tanto e smanettato parecchio in materia.

Non è che magari ho fatto un erroraccio di fondo e funziona per questioni di #####.pardon, bottom?
Grazie come sempre a tutti e buon Web
 
Ultima modifica di un moderatore:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, prova così
Codice:
@media screen and (max-width: 768px) {
        #logo {
            float : none;
            margin:auto;
        }

    }
 
Discussioni simili
Autore Titolo Forum Risposte Data
otto9due Errore ricorsivo jquery, non capisco da cosa dipenda.. jQuery 1
otto9due Problema if elseif o foreach.. o non capisco cosa non funzioni.. PHP 4
O Non capisco cosa non funzioni.. :( Ajax 0
R cosa NON si può modificare in IOS? Sviluppo app per iOS 1
C Chiamata AJAX con metodo load non va, cosa sbaglio? Ajax 2
P cosa succede se uso google adsense e non ho 18 anni ? Google AdSense 2
M Aiuto non so cosa fare! HTML e CSS 3
zmassimo La Vecchiaia Dunque, Non E' Mai Stata Una Cosa Naturale : Discussioni Varie 6
S WORDPRESS NON FA INSTALLARE PIU NULLA WordPress 8
Shyson Non mi fa accedere al sito WordPress 12
N Non Autorizzato. Dovresti rimuovere il parametro customize_messenger_channel per visualizzare l'anteprima in frontend. WordPress 1
R INSERT INTO tabella non funziona Classic ASP 1
A Problema, non so, di scale() o transform, oppure altro? HTML e CSS 0
felino Conversione da MPG a MP4: audio non sincronizzato Windows e Software 1
F Telecamere Wi-Fi non si connettono A nvr IP Cam e Videosorveglianza 0
G Finestra di dialogo che non si apre - programma NUENDO Windows e Software 0
L php mysql non salva solo id PHP 21
D Pagina non trovata Wordpress WordPress 7
S connesso, internet non disponibile ( con extebder tp-link850) Reti LAN e Wireless 0
F Script java elenco alfabetico non funziona Javascript 3
F Script non funzionante. Devo elencare in ordine alfabetico un elenco di nominativi, ma lo script non Javascript 2
L Estrazione dati casuali non doppioni MySQL 1
napuleone non si chiude il thead e non si apre il tbody Javascript 0
napuleone non si aggiorna textarea in tempo reale Javascript 3
D Modem Asus non trasmette ogni 3/4 giorni Reti LAN e Wireless 2
M non static method cannot be referenced from a static context Java 1
napuleone Con le date il codice da di matto o forse non è così Javascript 6
M Questa pagina non carica correttamente Google Maps: aiuto!! HTML e CSS 1
M "Internet non disponibile" Reti LAN e Wireless 0
L Non vedo pc in rete Reti LAN e Wireless 0
M Numero random non ripetitivo Java 2
G pc desktop non si connette all'hotspot wifi Reti LAN e Wireless 0
L Non riesco a riprodurre uno sfondo Photoshop 0
N Server mysql non raggiungibile da connessione esterna MySQL 1
R Select concatenata che non funziona la seconda volta Ajax 3
L non duplicare dati in stato "aggiornamento" PHP 6
R [Visual Studio Community] Non trovo il Progetto di Setup .NET Framework 0
zorro file PDF non visualizzo niente PHP 9
D modificare questo codice per inserimento in text e non in tabella jQuery 1
A variabile non riconosciuta PHP 0
A Copertura: indicizzata, non inviata nella mappa del sito XML 1
A funzione iconv () non mi funziona PHP 4
D File pdf che non si aprono .... PHP 1
MarcoGrazia ON DUPLICATE KEY ma in realtà non UPDATE mai PHP 17
R Non riesco a rinnovare l'immagine di sfondo PHP 1
G non riesco a capire quale sia l'errore [SQL] MySQL 2
R Non riesco a cambiare l'immagine di sfondo PHP 4
MarcoGrazia Valori di ritorno json via ajax non visti. jQuery 1
W Non fa l'upload PHP 0
W Parametro non corretto. (code: 87) PHP 4

Discussioni simili