tag <div> che con mozilla inverte posizione

**rocco.mod** · 09-11-2007, 07:47

buongiorno ragazzi non riesco a capire dov e l errore vi spiego con ie e tutto normale ma quando profo con mozzilla succede che innasi tutto vi dico ho creato un tag chiamato contenitore adesso dentro questo tag ho messo due in modo per creare due blocchi destro e sinistro adesso succede che in mozzilla questo testo me lo vede sotto la scritta copyright invece dovrebbe vedersi sopra posto il cod html magari voi che siete pi pratici capite dov e l errore

codice:

<body>
<div id="container">
		 <div id="flashcontent">
		  <div id="menu">
		

</p>
		<p align="center" class="style1">Welcome to RcwebAgency .

		We have detected that you do not have the Flash 6 player installed.

		Please Click Here
		to download the Flash plugin.</p>
		
    <p align="center" class="style1">[img]player.gif[/img] 
  </div>
  
    <script type="text/javascript">
			var fo = new FlashObject("flash/banner.swf", "Menu", "990", "350", "false", "");
			fo.addParam("quality", "high");
			fo.addParam("menu", "false");
			fo.write("menu");
		</script>
		<div id="containersinistro">
		<h2>mission</h2>
		

xxxxxxxxxxxxxxxxxxxxxxxhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh

		xxxxxxxxxxxxxxxxxxxxxxxhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh

		   hhhhhhhhhhhhhhhhhhhhhhhhhhhhhxxxx333333333333333333333333333</p>
		</div>
	   <div id="containerdestro">
	   <h2>mission</h2>
		

xxxxxxxxxxxxxxxxxxxxxxxxxxx333333333333333333333333333</p>
	   </div>
    </div>
	 
  <div class="power"><? echo _NOME_BOLD_ ; ?></div>
    <div id="footer">Copyright © 2006-2007 By : <? echo POWERED_BY ; ?>All rights reserved

    Note e informazioni legali</div>
  </div>
</body>
</html>

per farvi capire meglio posto anche il css anche se non siamo nella sezione adatta ma penso sia un prob di html e non degli stili comunque

codice:

html,body{
background-color: #cccccc;
margin: 0;

padding:0;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}


#container {
	width: 990px;
	margin: 0 auto;
	background-color: #eee;
	border-top: 3px solid #dddddd;
	border-left: 3px solid #dddddd;
	border-right: 3px solid #dddddd;
	border-bottom: 3px solid #dddddd;
}
 #containersinistro
    {
	float : left;
	width : 50%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0000FF;

       
    }
    
    #containerdestro
    {
        float : right;
        width : 50%;
       
    }

.power{
margin:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	color: #6699CC;
	background-attachment: fixed;
	background-color: #333333;

	width: 990px;
	height:  18px;
	
	}
	div#footer{
	width: 100%;
	text-align:center;
	background-color: #eee;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

**gabip87** · 09-11-2007, 08:56

se riscrivi il post usando la punteggiatura e rileggendo prima di postare forse riceverai più risposte. io non ci capisco niente..

**ricman** · 09-11-2007, 09:54

Originariamente inviato da gabip87
se riscrivi il post usando la punteggiatura e rileggendo prima di postare forse riceverai più risposte. io non ci capisco niente..

(...senza offesa...)

nemmeno col cellulare mi verrebbe un post così... forse non è italiano...

**Sgro** · 09-11-2007, 10:31

Non si tratta solo di punteggiatura, sembra scritto da un bambino di 2 anni che sta imparando a parlare...

**H5N1_Aviaria** · 09-11-2007, 11:02

Dopo aver consultato la mia guida semiologica e di semantica infantile... eh-ehm... scherzi a parte...
Quello che vedi in Firefox è l'aspetto corretto. Altrimenti non si spiegherebbe perchè la stessa visualizzazione la ottengo sia con Opera che con Safari che, si sa (e se non si sa sappiatelo) sono i due browser che più rispettano gli standard W3C...
Quello che vedi con Internet Explorer è una visualizzazione errata.
Se imposti il valore float per un BOX (in questo caso il DIV) il box NON deve adattarsi in altezza al contenuto ma sei tenuto o a specificarne l'altezza o ad usare un wrapper.
Questo vale, ovviamente, solo per i browser W3C compliant e non per IE che, invece, adatta all'altezza anche i BOX "fluttuanti".
Non chiederti perchè lo visualizzi "male" in Firefox, chiediti perchè lo visualizzi "scorrettamente" in IE.

**rocco.mod** · 09-11-2007, 12:40

ragazzi io non voglio essere offensivo perche dietro una tastiera e un monitor e facile parlare ,io vi ho chiesto aiuto , se qual cuno si degna di rispondere all aiuto ,e non a spettegolezzare come ragazzine magari, se no non fa niente .Inoltre io ho rispetto del forum di html per hoffendere qualcuno perquesto la chiudo qua .
P.S. si rispetta il cane per il suo padrone ..bambino di 2 anni

Discussione: tag <div> che con mozilla inverte posizione

Strumenti discussione

Ricerca discussione

Visualizza

tag <div> che con mozilla inverte posizione

Permessi di invio