I div non si accostano con float:left

  • Creatore Discussione Creatore Discussione Monital
  • Data di inizio Data di inizio

Monital

Utente Attivo
15 Apr 2009
778
2
18
Salve a tutti,

è un po che non ci si sente e mi rpesento con un problemino di semplice,per voi, risoluzione.

Sto cercando di creare un home page dinamica usando i div(per me un pò ostici) praticamente c'è una cosa molto strana che succede, ossia i div non si accostano nemmeno usando float:left.

Faccio un esempio

css

HTML:
#container       	 {width: 1920px;margin: 0 auto;}
#header        		 {width:1920px;padding:20px;}
#sidebar      		 {width:220px;padding:20px;float:left;}
#testi    		 {width:500px;padding:20px;float:left}
#content     		 {width:900;padding:20px;float:left;}
#profile       		 {width:900;margin-left:20px;}
#footer     		 {width:1920px;padding:20px;clear:both;}

fino al sidebar va bene perchè c'è una condizione in php ed in base al GET che trova include una pagina nel
<div id="sidebar">

pra eprò affiancato al sidebar vorrei emttere tre colonne con
<div id="testi">

ma questi invece di allinearsi si metotno uno sotto l'alltro.

più o meno la struttura della pagina è questa

HTML:
<div id="container">
<div id="header">
...script in phph
</div>
<div id="sidebar">
...script in php
</div>
<div id="testi">
<?php
include('chi_siamo.htm');
?>
</div>
<div id="testi">
<?php
include(dove_siamo.htm');
?>
</div>
<div id="content">
...script in phph
</div>
<?php } ?>
<div id="footer">
...chi è online
</div>
</div>

i div testi però non si allineano al sidebar ma si mettono sotto.

Mi pare strano dato che gli ho dato come proprietà float:left.

come mai?
 
In effetti era parecchio strano.

Ho pensato che ci fosse qualcosa di errato nel file css e difatti non mi ero accorto che per un script java era impostato un

HTML:
    div {
      clear: both;
    }

come ho tolto questo si sonoa ffiancati.

anche se nonc apisco perchè alla fine io ho dato un id a quei div quindi quelli dovrebberos eguire le regole di quel div trascurando il div generico
 

Discussioni simili