allineamento div proprieta' float

[paolo09]

sto cercando di eliminare le tabelle per il nuovo layout del mio sito.. ho creato un div centrato nella pagina, con height 100% con larghezza fissa.. fin qui tutto ok... ho inserito due div che sono affiancati tra loro con la proprieta' float.. pero' sorge un piccolo problema.. con firefox il margine sinistro e' piu' piccolo rispetto a IE... dove sbaglio?? ecco il codice:

<style type="text/css">
		html,body {
		height: 100%;
        margin: 0px;
		padding: 0px;
		background-color: #F0EFED;
		font-family: tahoma, arial;
		font-size: 12px;
		color: #AFAF9D;
		text-align: center;
		}
		A:LINK {
				text-decoration: none;
			   }
		A:VISITED {
				  text-decoration: none;
				  }
		A:ACTIVE {
				 color: #747472; 
				 text-decoration: underline;
				 }
		A:HOVER {
				background: #B3B39A;
				 color: #E8E8CF;
				}
		#content {
			width: 778px;
			\width: 778px;
			w\idth: 778px;
			margin : 0px auto;
            text-align : left;
			height: 100%;
			padding: 0px;
			background: url("images/sfondo.jpg") repeat-y;
		}
		#project {
		    float: right;
			width: 550px;
			\width: 551px;
			w\idth: 550px;
			height: 110px;
			padding: 0px;		
			margin: 37px 40px 0px 10px;
			background-color: #E8E8CF;
			border: 1px solid ;
			border-color: #747472;
		}		
		#linked {
		    float: left;
			width: 120px;
			\width: 121px;
			w\idth: 120px;
			height: auto;
			padding: 0px;
			margin: 35px 5px 0px 20px; 
			letter-spacing: 1pt;
			font-size: 12px;
			color: #AFAF9D;	
		}
	</style>

e questo l'html:

	<div id="content">
	[img]images/logo_home.gif[/img]
	[img]images/barra.gif[/img]
	[img]images/is.gif[/img]
	[img]images/digital.gif[/img]
	<div id="linked">[img]images/shapes.gif[/img] Fotografia
</br>
			
				[img]images/shapes.gif[/img] Digital Art
</br>
				
				[img]images/shapes.gif[/img] Forum
</br>
			
				[img]images/shapes.gif[/img] Link
</br>
			
				[img]images/shapes.gif[/img] Staff
</br>
				</div><div style="clear:right;"></div>
	<div id="project"><p style="margin-top: 5px;" align="center">I NOSTRI PROGETTI</p>
[img]images/impreza.jpg[/img][img]images/banner2.jpg[/img]
</div>
	<div style="clear:left;"></div>
	</div>

e qui la pagina:

http://www.infosito.info/ver2/new/ciao2.php

help me

[deleted_id_48586]

non ho esaminato bene il codice cmq sappi che IE ha un Bug (fosse solo uno :rollo: ) che raddoppia i margini di un elemento posizionato come flottante, indi per cui usali solo per piccoli valori (di margini) oppure preferisci ad essi il padding.

Ciao

[paolo09]

ecco perche'!! dopo due giorni di prove sono riuscito a risolvere.. questa del margin raddoppiato in IE non lo spevo.. grazie amico!!! ora funziona alla perfezione!!!

[paolo09]

visto che sei cosi' gentile, ti ripropongo un'altro quesito... nel link che ho postato, prova a clickare su fotografia

(http://www.infosito.info/ver2/new/ciao2.php)

...e poi clicka su read more sulla prima news in alto.. ok, il div centrale si espande, giustamente, in altezza per rispettare i contenuti.. perche' il contenitore padre rimane al 100% della risoluzione iniziale?? insomma, non si espande come l'altro??

P.S. per far prima guardate questo link:
http://www.infosito.info/ver2/new/ci..._from=&ucat=1&

[paolo09]

ultimo problemino e poi la smetto di rompere...

http://www.infosito.info/ver2/new/ci..._from=&ucat=1&

guardate questa pagina... con IE il contenitore principale si adatta all'altezza del div interno... con Firefox no... dove sbaglio????