una altezza in piu?

[InternetMania]

ciao, io quando applico l'altezza ad un div, mi appare un margine di circe 5px, e se tolgo l'altezza sparice. è normale ?? :O

 div#container_personal_menù
{
	 height:60px;
}

.class_personal_profile_DX{
float: right;
width:155px;
height:60px;
background:url(../image_layout/user_menu.gif) right;
background-repeat:no-repeat;
}

.class_personal_profile_SX{
width:155px;
float:right;
height:60px;
background:url(../image_layout/user_menu.gif) left;
background-repeat:no-repeat;
}

(i due div sono allineati sulla stessa riga, posizionati sulla destra)

se tolgo - height:60px; il margine sparisce, come mai? come risolvo?
grazie in anticipo

[InternetMania]

up :master: nessuno ?

[Myaku]

un up dopo due ore e perlopiù alla sera mi sembra un tantino eccessivo ... non siamo forumisti "a chiamata"

tornando al tuo discorso, con quello che hai postato ci si capisce poco. Non c'è la correlazione con l'html, non sappiamo se il codice è valido, quale dtd usi, mancano (presumo) degli elementi, il browser su cui hai notato il problema.

quindi, a naso:
. il codice è valido?
. margini e padding sono azzerati?
. il clear è corretto?

[gengix]

è buona norma azzerare i margini e i padding in tutti gli elementi.

html, body {
margin:0;
padding:0;
}

oppure, una soluzione ancora più efficace è il selettore universale.

* {
margin:0;
padding:0;
}

[InternetMania]

Originariamente inviato da Myaku
. il codice è valido?
. margini e padding sono azzerati?
. il clear è corretto?

si il codice è valido, questo sono sicuro; perchè se io tolgo

height:60px;

il div si allinea normalmente con l'inizio della pagina, senza lasciare nessun bordo ... poi non so ...
grazie

[gengix]

si il codice è valido, questo sono sicuro; perchè se io tolgo

height:60px;

il div si allinea normalmente con l'inizio della pagina, senza lasciare nessun bordo ... poi non so ...
grazie

Questo non c'entra niente con la validazione del codice.
Qui puoi vedere se hai scritto codice corretto: http://validator.w3.org/.

Poi come detto da Myaku e ripetuto da me, hai azzerato i margini e i padding?

Che tipo di Doctype utilizzi? (fondamentale per soluzioni crossbrowser)

In che browser ti capita questo comportamento?

Sono tutte informazioni che devi dare se vuoi che qualcuno ti aiuti, altrimenti riporta completamente il codice oppure posta un link di riferimento.

[InternetMania]

allora ...

margini azzerati;
Che tipo di Doctype utilizzi? BOh ... XD ... non so cosè ...
fino ad ora ho provato solo su IE e FF, e in tutti e due mi capita questa cosa ...

:master: non so ... boh ..

[Myaku]

Originariamente inviato da InternetMania
allora ...

margini azzerati;
Che tipo di Doctype utilizzi? BOh ... XD ... non so cosè ...
fino ad ora ho provato solo su IE e FF, e in tutti e due mi capita questa cosa ...

:master: non so ... boh ..

puoi passarci direttamente un link, così vediamo il codice completo?

[InternetMania]

posto sia il css che l'html ...

(non guardate la disposizione delle scritte xke trasportandole da DW a qui, gli spazi cambiano)

CSS

/* new container - new container_heart */

 html,body 
{
     margin:0;
	 padding:0;
}

 body
{
     font:100.01% "Trebuchet MS",Verdana,Arial,sans-serif;
     background:#FFFFFF;
}

 div#container_heart
{
     width:100%;
	 background:url(../image_layout/header.png) bottom;
	 background-repeat:repeat-x fixed;
	 border-bottom:2px solid Black; 
	 border-color:#CC0000;
}

 div#container_personal
{
     width:950px;
	 margin:0 auto;
	 overflow:visible;
}

 div#container_personal_logo
{
	position:absolute;
}

 div#container_personal_menù
{
	 height:60px;
}

.class_personal_profile_DX{
float: right;
width:60px;
height:60px;
background:url(../image_layout/user_menu.gif) right;
background-repeat:no-repeat;
}

.class_personal_profile_CNTR{
float: right;
width:155px;
height:60px;
background:url(../image_layout/user_menu.gif) center;
background-repeat:no-repeat;
}


.class_personal_profile_SX{
width:155px;
float:right;
height:60px;
background:url(../image_layout/user_menu.gif) left;
background-repeat:no-repeat;
}


 div#container_menù_top
{
     width:950px;
     height:35px;
	 margin:0 auto;
     backgorund:#FFFFFF;
}

/* stop container - new container_heart */

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>iuppi.com - il tuo nuovo portale</title>
     <link href="../style_page_web/style.css" rel="stylesheet" type="text/css" />
</head>
<body>




     <div id="container_heart">

          <div id="container_personal">

               <div id="container_personal_logo">
			      <div style="margin-top:15px">
                     [img]../image_layout/ES.logo.PNG[/img]		
				  </div>	   
			   </div>


                    <div id="container_personal_menù">

                         <div class="class_personal_profile_DX">
						    <div align="right">
							   <div style="margin-top:10px">
							      <div style="margin-right:10px">
					               [img]../immagini_prova/Immagine.PNG[/img]
                                  </div>
							   </div>							
							</div>
						 </div>


                                   <div class="class_personal_profile_CNTR">
								      <div align="right">
							           							   <div style="margin-top:14px">

									   <p align="right" style="margin-bottom: -20px">
<font face="Arial" style="font-size: 9pt">nomeutente</font></p>
<p align="right" style="margin-bottom: -1px">
<font face="Arial" size="1">(log out)</font></p></div>
									   
									  </div>
								   </div>
							  

                                   <div class="class_personal_profile_SX">
								      <div align="right">
							           SX
									  </div>
								   </div>

                    </div>

          </div>


                                        <div id="container_menù_top">
										 menù top
										</div>

     </div>




</body>
</html>

[Myaku]

Originariamente inviato da InternetMania
posto sia il css che l'html ...

(non guardate la disposizione delle scritte xke trasportandole da DW a qui, gli spazi cambiano)

dici poco

a parte che mi sembra ad una prima occhiata che tu abbia fatto un abuso di <div>,
usato tag deprecati e fatto un mischione di stili inline e stili esterni (questa cosa no buona ...)

1. valida il codice (sia html che css)
2. quindi azzera margini e padding a tutti gli elementi, come già suggerito e porta gli stili inline fuori dal codice html
3. se il problema stava lì, procedi a ridefinire i margini e padding per i vari elementi