I div non si accostano con float:left

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?
 

Monital

Utente Attivo
15 Apr 2009
778
2
18
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
Autore Titolo Forum Risposte Data
P jquery refresh div non funziona Javascript 0
Giacomo Boccherini [HTML] il div non si ottimizza HTML e CSS 1
F [HTML] pagina non scorre e div sotto l'altezza del browser non si vedono HTML e CSS 3
F [HTML] Scalare un div ma non il suo contenuto HTML e CSS 1
Monital Dopo un alert non si vede il div PHP 0
M aggiungere dei div non sostituirli Javascript 1
P Div visibile con ie ma non con firefox e chrome HTML e CSS 7
I dopo aver spostato il div i link dentro non vanno più. HTML e CSS 2
M Posizione div dialog NON al centro pagina jQuery 1
gandalf1959 Background image in un div con CSS non funziona HTML e CSS 4
asevenx div che non si estende oltre il flot:left HTML e CSS 11
W Link che apre un div non funzionante HTML e CSS 7
S Posizionamento Zoom della pagina: i div non stanno al loro posto HTML e CSS 2
V opacity al div e non al testo HTML e CSS 4
S semplice link che però non compare dentro ad un DIV HTML e CSS 3
G div main che non copre tutta la pagina HTML e CSS 2
G Div che non si vedono HTML e CSS 1
G div container non copre tutta la pagina HTML e CSS 0
K Div e non caricamento pagina Javascript 1
Y div che non segue il resto della pagina HTML e CSS 3
S AJAX e DIV non mi esegue le funzioni js Ajax 0
I Div class non centrato ... perchè? HTML e CSS 2
E Creare un testo trasparente dietro un div HTML e CSS 5
F Div position: fixed si deve fermare quando raggiunge un altro div, oppure deve scomparire. Soluzioni? Javascript 0
M Accordion menu e posizione div HTML e CSS 0
P refresh div + scrittura/lettura dal db Javascript 1
napuleone div centrato alla pagina posto sopra ai contenuti HTML e CSS 1
M Unire 2 funzioni per l'invio di un form e con l'apertura di un div Javascript 0
Cosina Nascondere div di default jQuery 2
napuleone modificare il contenitore di un div Javascript 2
napuleone modificare il contenitore di un div Javascript 1
A inserire variabile php colore in div html PHP 2
J Far comparire e scomparire un div con un select Javascript 1
T Far sparire dalla pagina div che saranno inseriti successivamente jQuery 0
E Div che scompare con scroll jquery Javascript 0
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
Stefano Migotto Creazione di un div con php o js PHP 9
felino Bootstrap alert: usare lo stesso div per due messaggi consecutivi jQuery 1
S Visibilità div in PHP PHP 1
L [Javascript]Scorrere div con frecce avanti-indietro Javascript 0
P [Javascript] Aprire Link in Div e pagina Dinamica Javascript 0
ANDREA20 [HTML] problema con i div HTML e CSS 10
Cosina [PHP] Scrivere dati in un div specifico PHP 3
R [PHP] [Javascript] Link a DIV id di un' altra pagina PHP 4
trattorino [Javascript] onclick su piu div insieme Javascript 1
trattorino ritornare al div precedente jQuery 2
L [Javascript]Aprire div con click e chiuderlo con altro pulsante Javascript 2
V [Javascript] Visualizzare o nascondere div figlio Javascript 4
E [HTML] Allineare foto a un tag DIV verticalmente HTML e CSS 0
E [HTML] Allineamento immagine agli angoli inferiori di un div HTML e CSS 12

Discussioni simili