Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    problema allineamento div float

    eccomi con un'altro problema:

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

    il div in basso a destra dovrebbe stare sotto al div del login.. ma non funziona... vi posto il css del box contenitore (#center) e dei due div (#login e #last_forum):

    codice:
    #center {
    			width: 720px;
    			\width: 720px;
    			w\idth: 720px;
    			margin : 0px auto;
    			padding-bottom: 0px;
    			padding-top: 5px;
                text-align : left;
    			height: auto;
    			background-color: #C3C3C1;
    			border: 1px solid;
    			border-color: #747472;
    		}
    #login {
    			float: left;
    		    width: 350px;	 
    			\width: 350px;
    			w\idth: 350px;	
    			margin-left: 10px;
    			margin-bottom: 5px;
                text-align : left;
    			height: 100px;
    			background-color: #C3C3C1;
    		}
    #last_forum {
    		    float: right;
    		    width: 350px;	 
    			\width: 350px;
    			w\idth: 350px;	
    			margin-top: 10px;
    			margin-right: 15px;
    			margin-bottom: 30px;
                text-align : left;
    			height: 100px;
    			background-color: #C3C3C1;
    			border: 1px solid black;
    		}
    questo invece e' l'html:

    codice:
    <div id="center"><div id="news"><?PHP 
    		  	   $number = "2";
     		  	   include("../cutenews/show_news.php");
    			   ?>		   
    			   </div>
    			   <div style="clear:right;"></div>
    			   <div id="login"><?PHP
     		  	   include("log.php");
    			   ?></div>
    			   <div style="clear:right;"></div>
    			   <div style="clear:both;"></div>
    		  <div id="last_forum">ciao</div>
    		  <div style="clear: both;"></div>
    		  </div>
    dove sbaglio??

    P.S. magari ho anche inserito qualche clear di troppo... ma sto facendo tantissime prove..

  2. #2
    ok, risolto il problema in Firefox ma con IE non c'e' niente da fare... continua ad allinearsi a sinistra...

    codice:
    		#center {
    			width: 720px;
    			\width: 720px;
    			w\idth: 720px;
    			margin : 0px auto;
    			padding-bottom: 0px;
    			padding-top: 5px;
                text-align : left;
    			height: auto;
    			background-color: #C3C3C1;
    			border: 1px solid;
    			border-color: #747472;
    		}
    		#news {
    		    float: left;
    			width: 320px;
    			\width: 320px;
    			w\idth: 320px;
    			margin: 0px 0px 0px 0px;
    			padding-bottom: 0px;
    			padding-top: 0px;
                text-align : left;
    			height: auto;
    			background-color: #C3C3C1;
    			border: 1px solid black;
    		}
    		#login {
    			float: left;
    		    width: 350px;	 
    			\width: 350px;
    			w\idth: 350px;
    			margin: 0px 0px 10px 10px;
                text-align : left;
    			height: 100px;
    			border: 1px solid black;
    			background-color: #C3C3C1;
    		}
    		#last_forum {
    		    float: left;
    		    width: 350px;	 
    			\width: 350px;
    			w\idth: 350px;	
    			margin: 10px 0px 10px 10px;
                text-align : left;
    			height: 100px;
    			background-color: #C3C3C1;
    			border: 1px solid black;
    		}
    e questo e' l'html:

    codice:
    <div id="center"><div id="news"><?PHP 
    		  	   $number = "2";
     		  	   include("../cutenews/show_news.php");
    			   ?>		   
    			   </div><div style="clear:right;">
    			   <div id="login"><?PHP 
     		  	   include("log.php");
    			   ?></div>
    			   <div style="clear:left;"></div>
    		  <div id="last_forum">ciao</div><div style="clear:left;"> </div>			  
    		  </div><div style="clear:left;"> </div></div>

  3. #3
    body{text-align:center;}
    Era il mio cane!

  4. #4
    grazie carp, ma avevo omesso gli altri css.. e nel body c'e' text align... cmq, ho risolto.. avevo messo troppi div clear.. ora e' tutto ok...

    grazie!

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 © 2026 vBulletin Solutions, Inc. All rights reserved.