Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    El rumbero
    Guest

    Distanza tra i bordi dei div

    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
    Immagini allegate Immagini allegate

  2. #2
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    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


  3. #3
    El rumbero
    Guest
    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);
    }

  4. #4
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    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

  5. #5
    El rumbero
    Guest
    il css la passa l'xhtml ancora no

    sto facendo qualche prova, appena finisco se è opportuno posto i codici.
    Grazie ancora

  6. #6
    El rumbero
    Guest
    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:

    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;	
    }
    Ecco il codice xhtml:

    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>
    Immagini allegate Immagini allegate

  7. #7
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    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


Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.