Ciao a tutti, ho un problema, ho realizzato un layout grafico dove un div con un immagine di sfondo deve essere posizionato senza margine nella parte superiore, in locale si visualizza correttamente, ma in remoto mi viene messo un margine di 10/15 pixel circa dal margine superiore.
Come mai?
Grazie
codice / link alla pagina?
Il link è il seguente: www.avagnina-immobiliare.it
innanzitutto, sistema il codice. Ci sono degli errori piuttosto evidenti quali tag aperti, tag in maiuscolo (la sintassi xhtml prevede che i tag siano scritti in minuscolo), proprietà non ammesse dal doctype Strict.....
quando il codice è sistemato, se vedi che il problema c'è ancora prova a dare anche un padding: 0; al body, html
anche il css può essere migliorato, ci sono delle proprietà che si possono accorpare.
Cyà
Ciao, mi sembra di averlo sistemato, ho messo anche il padding 0, ma continua a darmi questo problema. Ho provato ad eliminare anche il contenuto della pagina e lasciare solo il layout, ma rimane il problema.
il css può essere ancora migliorato (appunto, accorpando proprietà), cmq dovresti provare ad applicare margin-top: 0; al div#home...
«Prendo rifugio nel grande BOH»
Niente rimane il problema. La ottimizzazione del css accorpando proprietà pensi possa influire o no?
strano che non funzioni...
accorpare le proprietà del css non cambia nulla agli effetti del funzionamento, ma alleggerisce notevolmente il peso del foglio di stile. Un esempio con valori ipotetici:
raggruppato:Codice PHP:margin-top: 15px;
margin-right: 0;
margin-bottom: auto;
margin-left: 2em;
Vedo però vari errori semantici nel codice. La barra arancione è una tabella, mentre andrebbe resa come lista non ordinata (con i tag <ul> e[*]) perché le tabelle servono per intabellare dati, non come strumento di layout; il menu in basso è ottenuto con semplici div, mentre sarebbe più appropriato usare una lista di definizione (<dl> - <dt> - <dd>). Queste modifiche, oltre a rendere più corretto, coerente e pulito il codice, permettono la massima accessiblità di una pagina web.Codice PHP:margin: 15px 0 auto 2em;
imho se aggiusti il codice con una DTD Strict, utilizzando un po' di "semantica", il problema dovrebbe risolversi da sé... e se anche così non fosse, sarebbe cmq più facile effettuare modifiche o interpretare il codice..... quindi anche individuare l'errore
«Prendo rifugio nel grande BOH»
Ho provato ad eliminare tutto il contenuto, ma il problema rimane, quindi penso il problema non sia del codice html giusto?
Per la lista di definizione, ma non serve per fare un elenco (esempio un elenco di voci numerato?) come potrei usarlo in un menù sviluppato orizzontalmente?
Grazie
se è quello che hai online in questo momento, non va ancora bene. come ti dicevo prima, i tag vanno in minuscolo e chiusi, inoltre, a parte quello che faceva notare mahamatt circa l'uso dei tag, vedo anche errori nel css incorporato. Infine, quando attribuisci degli id o delle classi agli elementi, evita di usare gli spazi nel nome.Originariamente inviato da flash20
Ciao, mi sembra di averlo sistemato, ho messo anche il padding 0, ma continua a darmi questo problema. Ho provato ad eliminare anche il contenuto della pagina e lasciare solo il layout, ma rimane il problema.
Permessi di invio
Rispondi quotando