ho inserito un div all'interno per il menù di un sito all'interno di un'altro div, ma i margin superior vorrei che coincidessero, non riesco a trovare il codice ne a spiegarmi quale è il motivo di tanto distacco tra i due margini
ho inserito un div all'interno per il menù di un sito all'interno di un'altro div, ma i margin superior vorrei che coincidessero, non riesco a trovare il codice ne a spiegarmi quale è il motivo di tanto distacco tra i due margini
premetto che al momento sono in gprs e quindi non posso vedere l'allegato
verifica che i margini e padding superiori siano a zero, eventualmente posta il codice (sia html che css) o il link alla pagina, che con la sola immagine andiamo comunque un po' a naso
![]()
codice:div nero sopra al verde i bordi superiori dei due div dovrebbero coincidere #divmenu { width: 166px; background-color: black; border-top: 0px solid #191919; border-right: 0px solid #191919; border-left: 0px solid #191919; border-bottom: 0px solid #191919; margin-bottom: 0px; margin-top: 0px; padding: 1px; } div contenente la la colonna bianca e la colonna nera #divbody { width: 800px; /**background-color: white;**/ } colonna verde a sinistra #colonnasx { border-top: 0px solid #191919; border-right: 1px solid #191919; border-left: 2px solid #191919; border-bottom: 0px solid #191919; margin-bottom: 0px; margin-top: 0px; float: left; width: 298px; height: 600px; background-image: url(h1.jpg); } colonna bianca a destra #colonnadx { border-top: 0px solid #191919; border-right: 2px solid #191919; border-left: 1px solid #191919; border-bottom: 0px solid #191919; float:left; width: 494px; height: 600px; background-image: url(h2.jpg); }
ehm ... mica c'hai il link al codice completo (html e css) così ho una visione d'insieme e ci posso fare delle prove?![]()
comunque, intanto ti dò qualche "spunto" a naso
1. il codice html e css passano la validazione?
2. se #divmenu è il nero (che contiene il verde) porta il padding a 0
il css la passa l'xhtml ancora no![]()
sto facendo qualche prova, appena finisco se è opportuno posto i codici.
Grazie ancora![]()
Ecco tutto ciò che può servire:
L'immagine sotto evidenzia la situazione su IE safari e Firefox.
Le zone con i mark in rosso, sono i bordi indesiderati che non riesco in alcun modo ad eliminare (anche se sembra che Opera veda il bordo solo tra il tag food e il div menù, mentre quello sopra sembrarebbe allineato.
Ecco il codice CSS:
Ecco il codice xhtml:codice:#divbody { width: 800px; /**background-color: white;**/ } #colonnasx { border-top: 0px solid #191919; border-right: 1px solid #191919; border-left: 2px solid #191919; border-bottom: 0px solid #191919; margin-bottom: 0px; margin-top: 0px; float: left; width: 298px; height: 600px; background-image: url(h1.jpg); } #colonnadx { border-top: 0px solid #191919; border-right: 2px solid #191919; border-left: 1px solid #191919; border-bottom: 0px solid #191919; float:right; width: 494px; height: 600px; background-image: url(h2.jpg); #divmenu { width: 166px; background-color: black; border-top: 0px solid #191919; border-right: 0px solid #191919; border-left: 0px solid #191919; border-bottom: 0px solid #191919; margin-bottom: 0px; margin-top: 0px; padding: 0px; } #foot{ background-image: url(foot.jpg); width: 166px; height: 19px; border-top: 0px solid #191919; border-right: 0px solid #191919; border-left: 0px solid #191919; border-bottom: 0px solid #191919; margin-bottom: 0px; margin-top: 0px; padding: 0px; } #footers{ clear: left; background-image: url(footers.jpg); width: 800px; height: 54px; margin-bottom: 0px; margin-top: 0px; padding: 0px; }
codice:<div id="divbody" align="center"> <div border= "0" id="colonnasx" > <div class="h1" id="divmenu"> home</p> Chi sono</p> pensieri</p> </div> <div id="foot"></div> </div> <div id="colonnadx" > ok</p> </div> </div> <div id="footers"></div> </div>
ok, ora ci sono. mi è capitato lo stesso problema anche a me su un layout, l'ho risolto giocando con i padding dei contenuti di quello che tu chiami #divmenu e usando un margine negativo sul #foot - non credo sia la soluzione più "elegante", ma è l'unica che mi ha funzionato.
Altri suggerimenti sono ben accetti
![]()