Pagina 1 di 3 1 2 3 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 25
  1. #1

    Problema float in un div

    Ciao.

    Io ho creato una pagina che ha la descrizione di alcuni stage.
    Ci sono 3 div uno sotto l'altro larghi 600px e alti 165px.
    Allineata a destra in ogni div ho inserito un'immagine ed ho assegnato style-float="right".

    Fin qui tutto bene, il problema è che questa immagine, si Firefox presenta uno spazio in alto e quindi va a scomparire sotto il div.

    Allego screenshot.

    Per voi cos'è?
    Immagini allegate Immagini allegate
    • Tipo di file: jpg 1.jpg‎ (23.3 KB, 26 visualizzazioni)

  2. #2
    Nessuno???
    Non mi aiutate?

  3. #3
    suppongo che l'immagine di destra sia alta 165px, giusto?
    hai provato a impostare ad ogni div la proprietà top:0px ?
    se non riesci, puoi postare il codice? ciao

  4. #4
    Si ho provato (nella .classe in cui do alla foto il bordo sinistro.

    Il codice della pagina è questo:
    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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Stage Saliceto 2006</title>
    <link href="layout2006.css" rel="stylesheet" type="text/css" />
    <script language="JavaScript" type="text/javascript" src="S2006.js"></script>
    <style type="text/css">
    <!--
    body {
    	background-image: url(sfondo3.jpg);
    	padding:0;
    	padding:0;
    }
    -->
    
    </style>
    </head>
    
    <body onload="MM_preloadImages('stage2.gif','insegnanti2.gif','dove2.gif','prezzi2.gif','foto2.gif','iscrizione2.gif','contatti2.gif','HOME2.gif')">
    	<div id="body">	
    		<div id="intestazione">[img]intestazione.gif[/img]</div> 
    		<div id="menu">il MENU<div>	
    	</div>
    	<div id="contenuti">
    		<div id="lateralestage" style="float:left"></div>
    	  	<div id="testostage" style="float:right">
    	  	  
    
    [img]stageprincipiantilat.gif[/img]</p>
    	  	  <p class="titolostage">dal 16/07 al 07/08 - dal 23/07 al 07/08</p>
    	  	  
    
    Rivolto a tutti coloro che volessero affrontare un percorso di approccio teatrale. 
      	    Le lezioni sono impostate in modo dinamico e divertente, e studiate per neofiti. La stagione &quot;2005&quot; ha confermato la potenze e la fruibilit&agrave; di questo Stage. 
    
      	    <span class="requisiti">Non richiede alcuna preparazione.	</span> </p>
      	  </div>
    	  	<div id="testostage2" style="float:right">
    	  	  
    
    [img]stageavanzatolatdestro.gif[/img]</p>
    	  	  <p class="titolostage">dal 23/07 al 10/08 - dal 31/07 al 10/08 </p>
    	  	  
    
    Rivolto a professionisti o semi professionisti dello spettacolo. 
    
      	      Lo stage, tenuto da Andrea Battistini, mira alla ricerca profonda di un percorso recitativo.</p>
    	  	  <p class="requisiti">Sono richieste basi di recitazione, dizione ed espressione corporea.</p>
    	  	</div>	
    		<div id="testostage3" style="float:right">
    		  
    
    [img]stagecomuniclatdestro.gif[/img]</p>
    		  <p class="titolostage">dal 23/07 al 31/07 - dal 31/07 al 07/08</p>
    		  
    
    Un percorso di gruppo volto alla conoscenza di se stessi nell'approccio con gli altri. Lo stage &egrave; tenuto da Silvio Mauro, riconosciuto in tutta Europa come luminare di comunicazione.
    
    		    Consigliato ad Insegnanti, politici e commercianti.
    		  </p>
    	    </div>
    		<div id="coda">
    	    <div id="copy">Il seguente sito &egrave; di propriet&agrave; dell'Associazione Culturale ArteVita.
    
      E' pertanto vietato la sua copia parziale o totale.</div>
    	    <div id="loghi"></div>
    	 	</div>
    	</div>
    </body>
    </html>

  5. #5
    Mentre il codice del css è questo (ti posto solo quello che richiamo nel punto in questionw):
    codice:
    #body {
    	margin-left:auto;
    	margin-right:auto;
    	width: 704px;
    		
    }
    #intestazione {
    		width: 704px;	
    }
    .bordobiancoimmagini {
    	border: thin solid #FFFFFF;
    }
    #menu {
    	width: 704px;
    }
    #testo {
    	width: 600px;
    	background-image: url(sfondo2.jpg);
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 100%;
    	line-height: 100%;
    	text-align: center;
    	height: 500px;
    }
    #testostage {
    	width: 600px;
    	height: 165px;
    	background-image: url(sfondo2.jpg);
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 100%;
    	line-height: 100%;
    	text-align: center;
    	border-bottom-width: thin;
    	border-bottom-style: solid;
    	border-bottom-color: #CC9999;
    }
    .latfoto  {
    	bord
    	border-left-width: thin;
    	border-left-style: solid;
    	border-left-color: #cc9999;
    	border-left-width: thin;
    	clip: rect(0px,auto,auto,auto);
    	top: 0px;
    	padding-top: 0px;
    }
    #testostage2 {
    	width: 600px;
    	height: 165px;
    	background-image: url(sfondo2.jpg);
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 100%;
    	line-height: 100%;
    	text-align: center;
    	border-bottom-width: thin;
    	border-bottom-style: solid;
    	border-bottom-color: #CC9999;
    }
    #testostage3 {
    	width: 600px;
    	height: 165px;
    	background-image: url(sfondo2.jpg);
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 100%;
    	line-height: 100%;
    	text-align: center;
    	border-bottom-width: thin;
    	border-bottom-style: solid;
    	border-bottom-color: #CC9999;
    }
    .bordoinfdx {
    	border-top-width: thin;
    	border-right-width: thin;
    	border-bottom-width: thin;
    	border-left-width: thin;
    	border-right-style: solid;
    	border-top-color: #FFFFFF;
    	border-right-color: #FFFFFF;
    	border-bottom-color: #FFFFFF;
    	border-left-color: #FFFFFF;
    }
    #laterale {
    	width: 100px;
    	height: 500px;
    	background-image:url(stageteatrolaterale1.jpg);
    }
    #lateralestage {
    	width: 100px;
    	height: 500px;
    	background-image:url(stageteatrolaterale1.jpg);
    }
    #contenuti {
    	width: 700px;
    	margin-left:auto;
    	margin-right:auto;
    	border-right: thin solid #FFFFFF;
    	border-bottom: thin solid #FFFFFF;
    	border-left: thin solid #FFFFFF;
    	border-top-width: thin;
    	border-top-color: #FFFFFF;
    }

  6. #6
    mi viene un dubbio, non è che quello è semplicemente il margine del paragrafo? l'hai settato nel css?
    invece di tutti sti float hai provato ad usare i margini?

  7. #7
    In che senso?

    Invece di settare nel body <div id="x" style-float="right">
    tu dici di mettere nel css il margin-top:0;?

    Intendi questo?

  8. #8
    no parlavo ad esempio del div lateralestage che, se non sbaglio, occupa tutto il lato sinistro x 100px. i div testostage e compagnia invece che flottarli li metterei con un margin-left di 100px

  9. #9
    Ma non occupano per 100px, sono alti 100px.
    Occupano 600 px.
    Le immagini sono nel div...

    O forse non ho capito cosa intendi...

  10. #10
    se si potesse vedere la pagina sarebbe tutto più easy!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.