salve,
sto usando un layout con header, footer e 2 colonne
in float left & right.
Left per i contenuti e right per il menu e
alcune gif animate e non.
Tutte le dimensioni sono espresse in %.
Problema: quando rimpicciolisco il browser (circa 1/2),
IE mi sposta right in basso rispetto a left,
mentre per MOZ e OPERA tutto OK.
Si puo' risolvere con qualche tips il problema con IE?
Grazie.
Colgo l'occasione per esporre qui un mio problema se possibile risolverlo!
Ho un DIV ed all'interno altri due DIV!
I due all'interno sono allineati con float:left e float:right!
E và tutto bene, il problema è che il div di sinistra ha un'immagine di altezza supponiamo 200px e quello di destra è alto 20px, vorrei che quello di destra si allineasse in basso,alla base di quello esterno che li contiene, ma non ci riesco come mai ?
LA funzione vertical-align:bottom applicata al DIV contenente gli altri due non funziona come si fà se si può fare ?
Per ora resta in alto!
Anzitutto prova a vedere se in constile.org o altri siti simili trovi qualcosa che tipuo` aiutoare (i link li trovi nel thread script utili).
Poi puoi giocare con qualche trucco:
- mettere un div vuoto sopra a quello che deve abbassarsi;
- mettere un div ulteriore attorno a quello che deve abbassarsi, applicando il vertical-align dentro questo.
Ciao
Michele
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Il vertical:align l'hò provato in mille modi e non mi ha mai funzionato, solo in tabelle, per eventuali trucchi, ho già optato per un margin-top al div di destra in mdodo che si abassa, ma volevo fare una cosa dinamica, nel caso l'immagine fosse di altezza variabile!
Metti un DIV *contenuto* che, appunto, contenga i due div left & right.Originariamente inviato da hjk
salve,
sto usando un layout con header, footer e 2 colonne
in float left & right.
Left per i contenuti e right per il menu e
alcune gif animate e non.
Tutte le dimensioni sono espresse in %.
Problema: quando rimpicciolisco il browser (circa 1/2),
IE mi sposta right in basso rispetto a left,
mentre per MOZ e OPERA tutto OK.
Si puo' risolvere con qualche tips il problema con IE?
Grazie.
Altrimenti, altra soluzione, puoi mettere il float right nel float left.
Prova un po'!
Dai un posizionamento RELATIVO (senza impostare coordinate) al DIV principale, dopodichcè ai due interni dai un posizionamento ASSOLUTO.Originariamente inviato da Lollys
Colgo l'occasione per esporre qui un mio problema se possibile risolverlo!
Ho un DIV ed all'interno altri due DIV!
I due all'interno sono allineati con float:left e float:right!
E và tutto bene, il problema è che il div di sinistra ha un'immagine di altezza supponiamo 200px e quello di destra è alto 20px, vorrei che quello di destra si allineasse in basso,alla base di quello esterno che li contiene, ma non ci riesco come mai ?
LA funzione vertical-align:bottom applicata al DIV contenente gli altri due non funziona come si fà se si può fare ?
Per ora resta in alto!
A quello con l'immagine di 200 px dai coordinate:
IN ALTO: 0
A SINISTRA:0
e a quello a sinistra:
IN BASSO: 0
A DESTRA: 0
Non è difficile, che software usi, così magari ti targettizzo meglio l'aiuto
MA se gli dai un posizionamento assoluto va in basso allo schermo, non al div o sbaglio ?
Io uso frontpage, ma batto tutto a mano!
Non riesco a risolvere un'altra cosa!
Ho dei div allineati all'interno di un'altro div!
E si vedono i relativi box gialli, con il numero di testo, ma se metto un'immagine di dimensioni come div o minori si sposta e sfasa il box!
Vi faccio l'esempio:
#Box{
display: inline;
padding: 4px;
border-style: solid;
border-width: 1px;
border-color: #000000;
background-color: #00ccff;
}
#Box2{
display: inline;
margin: 0px;
width: 35px;
heigth: 20px;
background-color: #ffcc00;
font-size: 8pt;
text-align: center;
}
<div id="Box"><div id="Box2">1</div><div id="Box2">2</div><div id="Box2">3</div></div>
Provate a mettere al posto di un numero un'immagine di 20 o meno px e vedrete il risultato, come si può ovviare a tutto ciò ?
Un errore e` usare due id uguali: in una stessa pagina tutti gli id devono essere diversi.
Probabilmente quello che volevi era usare la stessa classe, non lo stesso id.
Ciao
Michele
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Allora scriviamolo cosi:
.Box{
display: inline;
padding: 4px;
border-style: solid;
border-width: 1px;
border-color: #000000;
background-color: #00ccff;
}
.Box div{
display: inline;
margin: 0px;
width: 35px;
heigth: 20px;
background-color: #ffcc00;
font-size: 8pt;
text-align: center;
}
<div class="Box"><div>1</div><div>2</div><div>3</div></div>
E' + elegante ma per quanto riguarda il problema persiste! :zamm:
Permessi di invio
Rispondi quotando