[Info]Float....

**Another-Life** · 30-09-2006, 14:08

Supponiamo di dover creare un menu di navigazione....

Struttura:

codice:

<!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" xml:lang="en" lang="en">

<head>

<title>Personal Project</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="../CSS/Main_Layout.css" />
<!--[if IE]>
		
		<link rel="stylesheet" type="text/css" href="../CSS/Layout(IE).css" />
		
<![endif]-->	

</head>

<body>

  <div id="container">
		  <div id="navigation_menu">
			
			       <ul id="menu">
	[*]
				[*]
		[*]
		[*]
		    		[*] [/list]
					
				
		      </div>
      </div>

</body>

</html>

Ho notato davvero notevoli differenze di interpretazione(da parte dei browsers) della struttura e dello stile ad essa associato tale da farmi rimanere cosi

.

Cmq....la struttura da considerare per il momento è solamente quella su esposta...

Veniamo alle questioni interessanti:

1)
Quando dispongo ogni elemento della lista con la proprietà float: left; è consigliato dichiarare anche per le sezioni di gerarchia piu alta(quali "menu" e "navigation_menu") con la stessa proprietà float??

**Al_katraz984** · 30-09-2006, 17:23

Dipende se vuoi ke "navigation-menu" sia float: left;

X me potresti provare ad aggiungere e togliere i vari float x vedere l'effetto ke ne esce..

Quello ke ti piace di piu sarà sicuramente il migliore..

**Another-Life** · 30-09-2006, 17:55

Non era la risposta che mi aspettavo....cerco di riassumere la questione in poche parole:

Gli elementi dichiarati con la proprietà float: valore; mantengono una funzionalita cross-browser piu efficiente se la sezione genitore che li contiene viene dichiarata anch'essa con la medesima proprietà float: valore;?? :master:

**Another-Life** · 01-10-2006, 10:28

up

**Another-Life** · 01-10-2006, 16:54

up

**thomas_anderson** · 01-10-2006, 18:53

ciao!
secondo la guida di Gianluca Troaini si, anche se è mi è capitato di vedere dei comportamenti anomali su IE5.0 (lui prende in considerazione IE5.5). comunque se il tuo target è IE6 i problemi non sussistono. l'unico consiglio che ti do è di dichiarare inline anche gli elementi[*]:

codice:

li {float: left; display: inline;}

così hai la compatibilità anche su IE5.0 e una compatibilità sicura su IE6. serve per evitare che IE raddoppi i margini destro/sinistro di[*].

http://www.constile.org/css_guida_completa/ scarica gli esempi zip, vai al capitolo sul layout.

**Another-Life** · 01-10-2006, 22:39

Dov'è la sezione layout??

Discussione: [Info]Float....

Strumenti discussione

Ricerca discussione

Visualizza

[Info]Float....

Permessi di invio