![]() | |
|
| |||||||
| WebDesign e Scripting Discussioni inerenti la realizzazione di pagine web e script . |
![]() |
| | LinkBack (1) | Strumenti della discussione | Modalità di visualizzazione |
| ||||
| Ho un blog con menu a 3 colonne. I due menu laterali sono impostati tramite due div chiamati left e right, coi rispettivi float. Ora sto tentando di mettere un testo e il campo del motore di ricerca sotto l'header (e sopra alle 3 colonne), ma se imposto i float ai div che li contengono sballa tutto, in pratica le due colonne dei menu si spostano paurosamente verso il centro... perché vanno in conflitto?
__________________ "Mi ritengo un genio incompreso, anche se mio padre sostiene che ciò significhi che non sono compreso nell'elenco dei geni." Edgar Allan Poe | Recensioni siti | Realizzazione siti internet a Roma |
| ||||
| Se ho capito bene devi *bloaccare* il float di quei blocchi. Prova a mettere le colonne anche con clear:both;
__________________ Warning: utente lunatico, permaloso, testardo, polemico e perennemente nervoso:non mi rinfacciate di non avervi avvertito prima, eh!. Su su, corri a pubblicare un Comunicato Stampa oppure compila un Quiz Patente |
| ||||
| Quote:
![]() edit: non avevo messo i ";" per chiudere ![]() diciamo che funziona, la colonna destra se ne è andata in basso, ora vedo di capire perché. Comunque sono rimaste ancorate chi a destra e chi a sinistra.
__________________ "Mi ritengo un genio incompreso, anche se mio padre sostiene che ciò significhi che non sono compreso nell'elenco dei geni." Edgar Allan Poe | Recensioni siti | Realizzazione siti internet a Roma Ultima modifica di Ludus : 18-12-2007 a 20.30.36. |
| ||||
| io avevo risolto lo stesso problema però su Joomla omettendo completamente il float e utilizzando left... è un bel po' da sbattimento però quando hai a che fare con tabelle e div contemporaneamente sembra che dia un buon risultato ![]()
__________________ ![]() Hotel tre stelle Calabria When I was a child, I caught a fleeting glimpse Out of the corner of my eye. I turned to look, but it was gone. I cannot put my finger on it now. The child has grown, the dream is gone. I have become comfortably numb. |
| ||||
| Ok dai, posta sto url che cerchiamo di capire meglio ![]()
__________________ Warning: utente lunatico, permaloso, testardo, polemico e perennemente nervoso:non mi rinfacciate di non avervi avvertito prima, eh!. Su su, corri a pubblicare un Comunicato Stampa oppure compila un Quiz Patente |
| ||||
| Mmm... ok, ma sto ancora lavorando alla grafica, a tutto anzi, e ho messo il tutto su un dominio di test che ho.
__________________ "Mi ritengo un genio incompreso, anche se mio padre sostiene che ciò significhi che non sono compreso nell'elenco dei geni." Edgar Allan Poe | Recensioni siti | Realizzazione siti internet a Roma |
| ||||
| Primo punto: il menu con il search: ho tolto tutte le regole (hai messo lo stesso id su più campi diversi, ed hai dato un po' di float a caso) ![]() <div id="menu"> <div style="float:right;"><form method="get" action="http://www.area-test.info/provablog"><input type="text" value="" name="s" /><input type="submit" value="Cerca" /></form></div> <div class="sx" style="width:400px;">Etichettando è online dal 30 Marzo 2001</div> <div style="visibility:hidden; clear:both;"></div> </div> Passo successivo, le tre colonne: sbattile tutte float:left; gli assegni una larghezza, metti in ordine: prima il left, poi il content e poi il right. Togli i margini destri e sinistri. Assegna una larghezza a tutti. Togli tutti i clear. Et voilà. Se ti perdi segui sti due articoli (miei )http://www.maniegrafiche.it/guide/css/33/box-model/ http://www.maniegrafiche.it/guide/cs...t-a-3-colonne/ Ciao al footer dai il clear:left;
__________________ Warning: utente lunatico, permaloso, testardo, polemico e perennemente nervoso:non mi rinfacciate di non avervi avvertito prima, eh!. Su su, corri a pubblicare un Comunicato Stampa oppure compila un Quiz Patente |
| ||||
| Quote:
![]() Grazie ![]()
__________________ "Mi ritengo un genio incompreso, anche se mio padre sostiene che ciò significhi che non sono compreso nell'elenco dei geni." Edgar Allan Poe | Recensioni siti | Realizzazione siti internet a Roma |
| ||||
| Quote:
![]() è quasi venuto bene tutto ![]() Guarda, devo capire perché la colonna destra è un po' spostata a sinistra. Grazie mille ![]() EDIT: ho risolto! Ma ho dovuto impostare il float:right; alla colonna di destra ![]()
__________________ "Mi ritengo un genio incompreso, anche se mio padre sostiene che ciò significhi che non sono compreso nell'elenco dei geni." Edgar Allan Poe | Recensioni siti | Realizzazione siti internet a Roma Ultima modifica di Ludus : 22-12-2007 a 14.34.31. Motivo: c'è scritto... |
![]() |
| Strumenti della discussione | |
| Modalità di visualizzazione | |
| |
LinkBacks (?)
LinkBack to this Thread: http://www.tutti-per-uno.org/webdesign-e-scripting/2098-css-float-in-conflitto.html | ||||
| invio | For | Type | data | |
| Forum Per Webmaster - Tutti Per Uno - Forum per Webmaster | This thread | Refback | 19-12-2007 15.08.24 | |