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
felino Mac OS e Client Mail: Stato non in linea Mac e Software 1
I nome utente non esiste nel database PHP 1
M Drag and Drop non capisco le sequenze... Javascript 1
L Suggerimento Pagespeed per non vedenti HTML e CSS 0
F comando di inclusione file audio in I-Pad non funziona HTML e CSS 1
M Immagini non usate WordPress 0
B Non riesco a trovare i cognomi con i caratteri speciali in Access (Microsoft 365) MS Access 0
G Numero zero null non deve visualizzare nulla PHP 0
F Paypal _xclick IPN non risponde PHP 1
R Variabile non risconosciuta dentro una funzione PHP 1
C ACCESS Aprire maschera se valore non presente in una combo MS Access 7
E Alert non viene mostrato PHP 1
felino Hardisk WD SATA 1TB 3.5" non si avvia! Hardware 4
K Scrip non funzionante Javascript 1
R jquery che cambia css di un elemento non mi funziona sulla pagina caricata da ajax Ajax 5
zorro CREATE TABLE non funziona PHP 6
L tipo boolean non funzionante su mariadb (mysql). E codice php 7.4. PHP 0
Sevenjeak Php8 non carica estenzioni PHP 0
R query DELETE non cancella i record PHP 1
otto9due Input text: accetta solo numeri e non può essere vuoto. Javascript 9
G Non vedo frecce su forme Photoshop 2
G Il mio sito dopo aver abilitato l'ssl non visualizza le immagini con indirizzi senza ssl HTML e CSS 0
P jquery refresh div non funziona Javascript 0
N Problema SEO "L'URL non si trova su Google" SEO e Posizionamento 4
S Certificato SSL non funzionante Domini 0
zorro modulo di registrazione: funziona ma non sempre PHP 2
D Form contatti non funzionante HTML e CSS 0
MarcoGrazia Trovare record nel database partendo da id non sequenziali PHP 6
M Non ho rinnovato il mio sito su Aruba... Domini 1
T IP INFO NON FUNZIONA PHP 0
Shyson Google search non trova il mio sito SEO e Posizionamento 1
E Estrarre dati da doppia tabella, banale ma non sempre PHP 1
P Data scraping in PHP non funziona PHP 4
otto9due $_FILE non passa i dati dal form PHP 1
keyascii Non è mai troppo tardi Presentati al Forum 0
N dati tabella non presi PHP 1
P Pagina modifica record che non funziona PHP 0
Shyson AUTO_INCREMENT non si aggiorna MySQL 2
Shyson Codice wp-login non funziona PHP 2
S WORDPRESS NON FA INSTALLARE PIU NULLA WordPress 9
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

Discussioni simili