[CSS] problema di margin?

[blur]

scusate, lo so sono

però perchè pur non settando margin o padding, se inserisco nell'header un'immagine ho sempre 1px di distacco dalla colonna sx?


come da figura:



e questo è il css:

#header {
border-top: 0px solid #000;
border-bottom: 0px solid #000;
background: #999;
color: #FFF;
}


grazie

[Jerry Masslo]

vedi se risolvi mettendo il tag img tutto sulla stessa riga cioè non andando a capo.

[blur]

non sono andato a capo....


<div id="header">
[img]immagini/linux.jpg[/img]
</div>

[Jerry Masslo]

prova ad aggiungere pure padding:0;margin:0 a #header

[blur]

già provato, non funziona!

[floyd46]

ciao
hai provato con le proprietà background-position ad inserire la tua immagine nell'header?
inoltre, se non erro, dovresti dichiare l'altezza della testata uguale, credo, all'altezza della tua gif.

da provare

[blur]

Originariamente inviato da floyd46
ciao
hai provato con le proprietà background-position ad inserire la tua immagine nell'header?
inoltre, se non erro, dovresti dichiare l'altezza della testata uguale, credo, all'altezza della tua gif.

da provare

allora mettiamo che quello sia il logo e che ho già un altra immagine della stessa altezza impostata come background:

background-image: url(../immagini/img.jpg);
background-position: top right;
background-repeat: repeat-y;

il problema si ripete ovviamente anche per l'immagine in background.
ho provato a mettere un height:95px; ma niente da fare...e poi il <div> dovrebbe adattarsi alla dimensione dell'immagine in automatico...
ma nessuno ha avuto lo stesso problema??

[blur]

ah dimenticavo di dire che il problema l'ho riscontrato solo in IE e enigma..

[Jerry Masslo]

per semplificare le cose dovresti postare il codice completo del pezzo interessato così si prova e ti si dice cosa ha, potrebbe ad esempio dipendere da altro padding o border o margin comunque da codice che non ora non c'è, di solito queste cose si risolvono comunque.

[blur]

eccolo qua:

body { 
	margin: 0 1px 0 0; 
	padding: 0; 
	font-family: verdana, sans-serif, arial, impact, helvetica, Times New Roman ;
	font-size: 0.8em;
	background: #FFF;
	color: #ccc;
}
hr { display: none }

.visibile  { display: block; 
              color:#ccc;
              
}


#header { 
	background: #091756; 
	color: #FFF;  
background-image: url(../immagini/spiaggia.jpg); 
background-position: top right; 
background-repeat: repeat-y; 
 padding: 0px;
 margin: 0px;
height:95px;
}
 h1 {  
	font-family: verdana, sans-serif, arial, impact, helvetica, Times New Roman ;
	font-size: 2em; 
	
	margin: 1px;
color: #FF6600;
}

#row { 
border-top: 1px solid #ccc; 
border-bottom: 1px solid #ccc; 
padding: 6px 0px 0px 0px;
background: #eee; 
color: #000; 
Height:20px; 
} 


/******************************TASTI LINK RIGA (div row) ***********************/



.bottone{ 
font-family: verdana, sans-serif, arial, impact, helvetica, Times New Roman ; 
font-size:1em; 
color:#004892; 
border-left: 1px solid #ccc; 
border-top: 1px solid #ccc; 
border-right: 1px solid #ccc;  
padding: 6px 30px 4px 30px;
width:80px; 
margin: -3px; 
text-decoration:none;
} 

.bottone:hover{ 
border: solid 1px #ccc; 
background:#fff; 
color:#004892; 
padding: 6px 30px 4px 30px;
text-decoration:underline;
cursor: pointer;
} 






/****************************** FINE TASTI LINK RIGA********************************/







#colonna-sx { 
	float: left; 
	width: 5%; 
	color: #000;
}

#colonna-dx { 
	float: left; 
	width: 40%; 
	color: #000;
}


#colonna-sx .box  {
	padding:	10px;
}

#colonna-dx .box{
	padding:	43px 0px 0px 30px;
}
	
	
#colonna-dx { margin-right: -1px; }

#principale { 
	float: left; 
	width: 45%; 
	background: #FFF; 
	color: #000;
	margin: 0 0 -1px 0;
}
#principale .box { 
	border-style: none solid solid solid; 
	border-color: #ccc; 
	border-width: 0px; 
	padding:	10px 0px 0 0;
}
/************************** MENU *****************************/
/*
ul a:link {
	text-decoration: none;

}
ul a:hover {
 text-decoration: none;
background:#f3f85a;
color:#000;
}
ul a:active {
	text-decoration: none;
color:#000;
}
ul a:visited {
	text-decoration: none;
color:#993333;
}
*/
/*********************************** FINE MENU *****************************/

/************************************* LINKS BODY ***************************/

a:link, a:active, a:visited {
text-decoration: none;
color:#0000ff;
border-bottom: Dashed 1px #0000ff;
}
a:hover {
 text-decoration: none;
background:#333366;
color:#fff;
cursor: help;
border-bottom: Dashed 1px #fff;
}

/************************************ FINE LINKS BODY **************************/

/*********************************** LINK FOOTER*********************************/
.click:active {
	text-decoration: none;
	color:#0A6CCF;
}

.click:link{
	text-decoration: none;
	color:#0A6CCF;
}
/*********************************** FINE LINK FOOTER ***************************/
#box4 {
             display:block;
border-style: none solid solid solid; 
	margin:3px;
	border-color: #ccc; 
	border-width: 0px; 
	background: #fff; 
	padding:0px;
}	

#box8 {
             display:block;
border-style: solid; 
	margin: 0px 0px 6px 0px;
	border-color: #ccc; 
	border-width: 1px; 
	background: #F6EBB6; 
	padding:3px;
}	



#footer { 
	clear: left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc; 
	padding: 4px 0px 0px 0px;
	background: #eee;  
   color: #000; 
	font-size: .80em;
	line-height: 1em;
   Height:20px;

}