| Precedente :: Successivo |
| Autore |
Messaggio |
giberg
Eroe in grazia degli dei
Registrato: 17/10/05 10:27
Messaggi: 85
|
 Inviato: 03 Gen 2006 18:07 Oggetto: allineamento immagini: problemi con explorer |
 |
|
Ciao
ho un problema con la visualizzazione di immagini allineate a dx o sx di un testo su explorer.
Mentre con Firefox e Opera il problema non sussiste, con Explorer 6 se provo ad allineare a sx (o a dx) l'immagine usando sia il deprecato align, sia il float da css l'immagine sparisce. Questo non avviene con l'allineamento top. Dopo un po' di prove ho scoperto che le immagini in realtà ci sono ma vengono nascoste sotto al div dove sono state inserite. Ho provato a cambiare il z-index del div fino a portarlo a -1 e sono riapparse le immagini. Questo non sarebbe un problema, però con il z-index=-1 mi ritrovo che in Firefox non vedo più il div ma solo l'immagine.
Ho provato anche a non mettere l'attributo z-index ma si ritorna alla situazione iniziale. Metto qui un estratto del codice (il sito è per una cooperativa di cui sono socio, quindi ho cancellato il nome con xy solo per non fare pubblicità):
| Codice: | <div id="main">
<div id="head"></div>
<img src="logo_noe.png" class="float_left" alt=" " width="126px" height="126px">
<h1>Coxxxxxx xxxyyyy<br>xxxx yyyy zzzz</h1>
<p>La <strong>Coxxxxxxxyyy</strong> si occupa di servizi rivolti all'infanzia e
all'adolescenza; obiettivo specifico è di costruire una rete di <strong>servizi alla
persona</strong> che accompagnino la crescita del minore e sostengano le famiglie
nel loro ruolo impegnativo di genitore.</p>
</div>
|
La parte del css che interessa è:
| Codice: | #main, #main2, #main3{
background-color:#FFF;
margin-left:12em;
margin-top:0.7em;
margin-right:12em;
border:1px solid #BDBDBD;
width:auto;
height:auto;
position:relative;
}
#main p, #main2 p {
margin:1em;
padding:0.3em 0.5em;
}
#main img, #main2 img {
margin-top:1em;
}
#main h1, #main2 h1 {
font-size:1.5em;
padding:0.5em;
}
img.float_left {float: left;}
img.float_top {float: top;} |
Se allineo top ritorna l'immagine...
Potrei aver sbagliato qualcosa? |
|
| Top |
|
 |
horus
Macchinista
Registrato: 22/03/05 10:48
Messaggi: 2554
Residenza: Sirio e dintorni
|
| Inviato: 04 Gen 2006 09:27 Oggetto: |
|
|
Ciao,
il problema è il position:relative; nel main, se vuoi che l'immagine si veda o lo togli da lì oppure lo metti anche nella classe float_left.
Se nella pagina hai degli oggetti posizionati con position:absolute; allora ti conviene inserirlo nella classe altrimenti toglilo dal main che tanto non ti serve. |
|
| Top |
|
|
giberg
Eroe in grazia degli dei
Registrato: 17/10/05 10:27
Messaggi: 85
|
| Inviato: 04 Gen 2006 16:03 Oggetto: |
|
|
Ok, grazie!
ora provo e vi so dire il risultato.. |
|
| Top |
|
|
giberg
Eroe in grazia degli dei
Registrato: 17/10/05 10:27
Messaggi: 85
|
| Inviato: 04 Gen 2006 16:17 Oggetto: |
|
|
Allora ho provato sia ad inserire position:relative nella classe float_left sia ad eliminare il position:relative da float_left e da main. Funziona in tutti e due i modi.
Nella pagina ho due colonne laterali con position:absolute.
A questo punto elimino il position:relative visto che non cambia nulla. Ora lo vedo correttamente con i 3 browser.
Grazie!!! |
|
| Top |
|
|
horus
Macchinista
Registrato: 22/03/05 10:48
Messaggi: 2554
Residenza: Sirio e dintorni
|
| Inviato: 05 Gen 2006 10:40 Oggetto: |
|
|
| giberg ha scritto: | | A questo punto elimino il position:relative visto che non cambia nulla. |
Dipende da come hai strutturato la pagina, normalmente per l'impaginazione si crea un div contenitore con position:relative; e poi le colonne sono dei div in esso contenuti e posizionati con position:absolute; in questo modo dovrebbe essere più facile mantenere l'allineamento, se invece non hai nessun contenitore con position:relative; allora le posizioni delle colonne (absolute) saranno calcolate dai bordi della pagina col rischio di disallineamenti. |
|
| Top |
|
|
giberg
Eroe in grazia degli dei
Registrato: 17/10/05 10:27
Messaggi: 85
|
| Inviato: 11 Gen 2006 17:42 Oggetto: |
 |
|
Intendi un div generale che faccia come da "body" per tutti i contenuti (colonne laterali, sezione centrale ecc.)? Allora no, non ho fatto così... Al momento comunque risulta ben visibile con i tre browser principali. Lavorerò più avanti per strutturarlo in questo modo...
grazie! |
|
| Top |
|
|
|
FAQ
Cerca
Lista utenti
Gruppi
Registrati
Profilo
Messaggi privati
Log in
