Forum Per Webmaster - Tutti Per Uno  
forum per webmaster Directory TPU foto galleria TPU Registrazione Regolamento TPU FAQ cerca nel forum contatta lo staff Lo staff di TPU

 vai indietro   Forum Per Webmaster - Tutti Per Uno > Tecnica > WebDesign e Scripting

WebDesign e Scripting Discussioni inerenti la realizzazione di pagine web e script .

Rispondi
 
LinkBack (1) Strumenti della discussione Modalità di visualizzazione
  1 links from elsewhere to this Post. Click to view. #1 (permalink)  
Vecchio 18-12-2007, 19.17.38
L'avatar di Ludus
Moderatore Sentinella
 
Registrato al forum dal: 20-01-2007
ubicazione: Roma
Messaggi: 3,805
predefinito CSS: float in conflitto

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
Rispondi quotando
  #2 (permalink)  
Vecchio 18-12-2007, 20.00.08
L'avatar di massy
Moderatore Lunatico
 
Registrato al forum dal: 30-01-2007
ubicazione: Pico
Messaggi: 430
Invia un messaggio tremite ICQ a massy Invia un messaggio tremite MSN a massy
predefinito

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
Rispondi quotando
  #3 (permalink)  
Vecchio 18-12-2007, 20.28.05
L'avatar di Ludus
Moderatore Sentinella
 
Registrato al forum dal: 20-01-2007
ubicazione: Roma
Messaggi: 3,805
predefinito

Quote:
Originariamente inviata da massy Visualizza il messaggio
Se ho capito bene devi *bloaccare* il float di quei blocchi.

Prova a mettere le colonne anche con clear:both;
grazie, ma il risultato non cambia

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.
Rispondi quotando
  #4 (permalink)  
Vecchio 19-12-2007, 13.01.58
L'avatar di Ranius
Moderatore Pensieroso
 
Registrato al forum dal: 19-01-2007
ubicazione: Stresa
Messaggi: 896
Invia un messaggio tremite MSN a Ranius Invia un messaggio tremite Skype a Ranius
predefinito

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.
Rispondi quotando
  #5 (permalink)  
Vecchio 19-12-2007, 14.31.50
L'avatar di massy
Moderatore Lunatico
 
Registrato al forum dal: 30-01-2007
ubicazione: Pico
Messaggi: 430
Invia un messaggio tremite ICQ a massy Invia un messaggio tremite MSN a massy
predefinito

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
Rispondi quotando
  #6 (permalink)  
Vecchio 19-12-2007, 15.58.23
L'avatar di Ludus
Moderatore Sentinella
 
Registrato al forum dal: 20-01-2007
ubicazione: Roma
Messaggi: 3,805
predefinito

Quote:
Originariamente inviata da massy Visualizza il messaggio
Ok dai, posta sto url che cerchiamo di capire meglio
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
Rispondi quotando
  #7 (permalink)  
Vecchio 19-12-2007, 23.53.41
L'avatar di massy
Moderatore Lunatico
 
Registrato al forum dal: 30-01-2007
ubicazione: Pico
Messaggi: 430
Invia un messaggio tremite ICQ a massy Invia un messaggio tremite MSN a massy
predefinito

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
Rispondi quotando
  #8 (permalink)  
Vecchio 20-12-2007, 08.57.45
L'avatar di Ludus
Moderatore Sentinella
 
Registrato al forum dal: 20-01-2007
ubicazione: Roma
Messaggi: 3,805
predefinito

Quote:
Originariamente inviata da massy Visualizza il messaggio
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;
Miiii... ok, più tardi faccio questa prova e speriamo che me la cavo

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
Rispondi quotando
  #9 (permalink)  
Vecchio 22-12-2007, 14.18.50
L'avatar di Ludus
Moderatore Sentinella
 
Registrato al forum dal: 20-01-2007
ubicazione: Roma
Messaggi: 3,805
predefinito

Quote:
Originariamente inviata da massy Visualizza il messaggio
<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>

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à.

al footer dai il clear:left;
Mr CSS

è 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...
Rispondi quotando
Rispondi

Strumenti della discussione
Modalità di visualizzazione

Regole d'invio
Non puoi inserire discussioni
Non puoi inserire repliche
Non puoi inserire allegati
Non puoi modificare i tuoi messaggi

BB code is attivo
Le smilies sono attive
Il codice IMG è attivo
il codice HTML è disattivato
Trackbacks are attivo
Pingbacks are attivo
Refbacks are attivo

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


Tutti gli orari sono GMT +2. Attualmente sono le 12.26.32.


Powered by vBulletin versione 3.7.1
Copyright ©: 2000 - 2008, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.2.0 RC7
Traduzione italiana Team: vBulletin-italia.it
Grafica by Ludus