[Info]Problema con Opera....

[Another-Life]

Avendo la seguente struttura di markup:

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

In firefox ed IE tutto ok....quando ridimensiono la finestra con Opera gli elementi della lista è come se venissero resi degli elementi di blocco e posizionati l'uno sotto l'altro.Questo è lo stile associato:

div#container{
	width: 772px;
	height: 100%;
	padding: 0;
	margin: 0 auto;
}
div#navigation_menu{
	width: 772px;
	height: 64px;
	margin: 0 auto;
	padding: 0;
	background: url(../IMAGES/JPG/NM_background.jpg) no-repeat 0 0;
}
ul#menu{
	float:  left;
	margin: 14px 0 0 189.5px;
	padding:0;
	height: 38px;
	width: 385px;
}
ul#menu li{
	display: inline;
	margin: 0;
	padding: 0;
	height: 38px;
	list-style-type: none;
}
ul#menu a.home{
	float: left;
	width: 65px;
	height: 38px;
	margin: 0;
	padding: 0 5px 0 0;
	background: url(../IMAGES/JPG/Home_active.jpg) no-repeat;
}
ul#menu a.home:hover{
	float: left;
	width: 65px;
	height: 38px;
	margin: 0;
	padding: 0 5px 0 0;
	background: url(../IMAGES/JPG/Home_hover.jpg) no-repeat;
}

Ho preso in considerazione per questo problema solo il primo elemento della lista....

[Another-Life]

up

[thomas_anderson]

Puoi dare istruzioni solo a opera con:

@media all and (min-width: 0px) {
body {...}
}

prova e fammi sapere. viene accettato sia da 8.x che da 9.

[Another-Life]

Prima di analizzare il problema volevo chiedere una cosa:

Di solito gli elementi dichiarati come float:left; si dispongono l'uno di fianco all'altro sulla stessa riga oppure bisogna dichiarare per ogni elemento[*] la proprietà display: inline;?? :master:

[thomas_anderson]

se sono tutti flottanti si. con la dichiarazione 'display: inline' per i menu devi dichiarare anche 'height: 0' per[*] o <a>, perchè IE5 non applica altrimenti 'margin', padding e border a tali elementi inline.

[Another-Life]

Gli elementi della lista contenuti nella sezione "menu" hanno tutti la proprietà float: left; dichiarata.La sezione menu è a sua volta contenuta in un'altra sezione("navigation_menu")che non presenta la proprietà float: left;.

Sta di fatto che non succede quello che dovrebbe succedere...ossia ogni elemento dovrebbe disporsi alla destra dell'altro sulla stessa riga.


Edit:

Avevi ragione tu il problema era l'altezza degli elementi[*]....tuttavia come mai cio influisce anche su Firefox visto che dovrebbe essere solo IE ad interpretare male il box-model??

[Another-Life]

Hmm aspetta,controllo meglio la struttura e spiego meglio i problemi...

[Another-Life]

Prima di affrontare questa problematica ci sono altre problematiche coerenti con essa,che apriro in altri topic,percui rimando questa discussione piu in la....

[Another-Life]

Originariamente inviato da thomas_anderson
Puoi dare istruzioni solo a opera con:

@media all and (min-width: 0px) {
body {...}
}

prova e fammi sapere. viene accettato sia da 8.x che da 9.

ok possiamo ritornare ad analizzare il problema inerente al topic.....per prima cosa pero volevo sapere che tipo di codice è quello sopra,un hack??...e magari se possibile avere un link che ne spieghi il funzionamento sarebbe un buon inizio^^ :master:

[Another-Life]

.....siamo andati in pensione ragazzi??