Visualizzazione diversa IE vs IE - Pagina 3 - Forum Per Webmaster

**Paola** · #21 (**permalink**) 13-10-2007, 09.47.52

Ciao, Massy e grazie.

Però...

è una vetrina di categorie. Sono 15 fotine, le ho apposta ridimensionate TUTTE 92x60. Ne volevo mettere 3 x 5 righe, per cui mi sono comportata così (tenendo conto che il contenitore di tutta la pagina è 98%):

Div che contiene tutta la rava e la fava:

Quote:

#my_shop {
float: right;
margin-top: -110px;
margin-left: 5px;
margin-right: 5px;
width: 75%;
background: #ffffff;
padding: 0 0 0 0;
}

classe per il titolo della sezione:

Quote:

h3 {
color: #414141;
font-size: 80%;
font-family: verdana, Helvetica, geneva, Arial, Helvetica, sans-serif;
text-align: left;
margin: 0 0 5% 15%;
}

classe per le img:

Quote:

.anteprima {
float: left;
width: 92px;
background: #ffffff;
margin: 0 0 2% 15%;
padding: 0 0 0 0;
}

classi per le didascalie (3 perché non me le centrava):

Quote:

.didascalia {
float: left;
width: 119px;
background: #ffffff;
margin: 0 0 10% 12.5%;
padding: 0 0 0 0;
font: bold 70% verdana, helvetica, sans-serif;
color: #414141;
text-align: center;
}

.didascalia2 {
float: left;
width: 119px;
background: #ffffff;
margin: 0 0 10% 12%;
padding: 0 0 0 0;
font: bold 70% verdana, helvetica, sans-serif;
color: #414141;
text-align: center;
}

.didascalia3 {
float: left;
width: 119px;
background: #ffffff;
margin: 0 0 10% 11%;
padding: 0 0 0 0;
font: bold 70% verdana, helvetica, sans-serif;
color: #414141;
text-align: center;
}

Ora, come puoi vedere, tutte le classi (il DIV no, ma dopo ti spiego) hanno impostati i margini con le percentuali.
Il DIV che contiene le classi, ha la larghezza anch'essa impostata in percentuale e le foto hanno la dimensione fissa.
Questo mi fa andare veramente in confusione: perché non capisco come possa scalare e/o sbordare avendo comunque le misure in % e occupando il 75%.

DIV:

Giuro che quando ho impostato il margin-top in negativo, mi sono insultata da sola.
Ma giuro anche che dopo aver provato in 1000000000 modi, non ho trovato altra soluzione.
Se io lascio il margine senza nulla, comincia a scrivermi il testo all'altezza della riga di sinistra "CATEGORIE" (http://www.lilafel.altervista.org/mymarket/my_shop.htm). Praticamente, il rettangolo blu non me lo calcola e lo salta.

Infine, per l'ultimo gruppo di foto, ho dovuto impostare un nuovo DIV e nuove classi perché mi si incasinava tutto (?).

Ma la cosa più strana è che con FF identico, entrambi, io e Ludus vediamo in maniera diversa.
Com'è possibile?

Scusate per la filippica...

Ciao e buon fine settimana (io sarò qui a sbattere la testa su questo coso)

Il_Rappo · #22 (**permalink**) 13-10-2007, 13.38.43

Non ho letto l'intero post ma lo farò quando connetterò il cervello al suo alloggiamento

Un modo per non usare il margine negativo è il:

position:relative;
top|bottom:{n}px;

Ma da usare con cautela.

**Paola** · #23 (**permalink**) 13-10-2007, 17.02.25

Grazie, Rappo.
Suppongo che al posto di n devo inserire un numerillo.

Mah... sto pensando di stravolgere tutto.

Forse devo capire che non sono in grado di fare certe cose...

**Paola** · #24 (**permalink**) 13-10-2007, 21.00.37

Mi vergogno un bel po'... ma devo chiedervi ancora un chiarimento.
(Spero, un giorno, di poter ricambiare aiutando magari qualcuno per qualcosa che so bene).

Per la prima volta mi succede che in IE mi viene esattamente ciò che voglio, in FF invece no.

Ho questo codice nel css

Quote:

hr {
width: 100%;
height: 5px;
color: #4e83ad;
padding: 0 0 0 0;
margin: 0 1% 1% 1%;
}

e, come dicevo, in IE mi viene perfetto.
In FF, invece, viene così:

Se, invece, metto #header hr, in entrambi i browser mi viene la riga lunga tutta la larghezza, 1 px grigia.
?

Grazie.

Il_Rappo · #25 (**permalink**) 13-10-2007, 21.07.16

Il contenitore di questo hr?

**Paola** · #26 (**permalink**) 13-10-2007, 23.36.17

Scusa Rappo, ero andata a vedere la televisione....

E' una cosa a sé, nel contenitore, come tutto il resto

Quote:

#contenitore {
width:98%;
text-align: justify;
font: 90% verdana, helvetica, sans-serif;
color: #414141;
margin: auto;
border: solid 1px #5D88B5;
background: #ffffff;
}

**massy** · #27 (**permalink**) 14-10-2007, 04.15.08

ad occhio lo vedo giusto così.
non dargli la larghezza: se la prende da solo su tutto il blocco.

ps: height:5px? sei sicura di questo?

**Paola** · #28 (**permalink**) 14-10-2007, 10.48.31

Quote:

Originariamente inviata da massy

ad occhio lo vedo giusto così.
non dargli la larghezza: se la prende da solo su tutto il blocco.

ps: height:5px? sei sicura di questo?

Ciao, Massy

niente, non funziona.
L'unica cosa che si è messa a posto, togliendo la larghezza, è stato il fatto della centratura. Ma per quando riguarda la riga si vede ancora il rettangolino vuoto...
Praticamente ho creato l'id header e dentro ci ho messo, il logo a sx e un campo di testo a dx.
Poi ho messo la classe clean che nel css è .clean {clear: both; } e ci ho messo l'hr.

Però ripeto: su IE viene perfetto...
Ho messo 5 px perché deve essere un po' spessa, praticamente divide l'header dai banner in testa alla pagina...

Che rogna. Farò un div bassissimo e gli darò un bordo.
Però non è che così ho risolto il problema...

La tecnologia mi si sta ribellando...

**massy** · #29 (**permalink**) 14-10-2007, 23.57.48

Ehm. E' normale sia così

**Paola** · #30 (**permalink**) 15-10-2007, 00.00.04

Normale? non accetta il colore?
E perché, invece, IE lo prende?
Vabbé, domanda inutile...

Cmq ho fatto un divino e gli ho dato un bordo

Strumenti della discussione
Visualizza la versione stampabile Invia questa pagina tramite email
Modalità di visualizzazione
Modalità lineare Passa al modo ibrido Passa alla modalità elencata