|
|
| Autore |
Messaggio |
cicciofarmaco
principiante
Registrato: 13/09/05 20:44
Messaggi: 47
Località: Catania Provincia
|
 Oggetto: [CSS] - Problema con IE
Inviato: 26.05.06 | 17:12 |
 |
|
Adesso ho un altro problema (..vedi che novità!). In pratica in IE il terzo #table_submain mi si visualizza sotto agli altri due, e non accanto, comme avviene in FF ed Opera. Ho provato ad inserire nel css il codice per correggere il bug del box model in IE, ma il problema persiste.
Vi posto il css
| Codice: | #table_submain {
width: 142px;
height: 253px;
background-color: #fff;
margin: 2px 2px 2px 2px; /*ie margin right: -3px; */
padding: 0px 2px 0px 2px;
float: left;
} |
link di riferimento
____________________________________________________________
www.cicciofarmaco.tk <<--- My web portfolio |
|
| Torna in cima |
|
|
Sponsor
|
|
 |
Coach
amministratore
Età: -1981
Registrato: 31/01/03 13:50
Messaggi: 4549
Località: Verona
|
Oggetto:
Inviato: 26.05.06 | 18:12 |
|
|
Ciao cicciofarmaco,
questo "errore" è dovuto dal box model e soprattutto dal diverso modo di interpretarlo di Internet Explorer rispetto agli altri. 
Per risolvere devi cambiare il metodo di strutturazione, cioè dovresti specificare in un elemento DIV la larghezza e in un suo elemento DIV interno gli eventuali padding e/o border.
.
____________________________________________________________
Il Forum è uno strumento di condivisione, oltre a fare DOMANDE, si possono anche dare RISPOSTE! |
|
| Torna in cima |
|
|
cicciofarmaco
principiante
Registrato: 13/09/05 20:44
Messaggi: 47
Località: Catania Provincia
|
Oggetto:
Inviato: 26.05.06 | 18:41 |
|
|
Una sorta di annidamento di #div uno all'interno dell'altro? Ad es.
| Codice: | #table_submain { width: 150px; }
#table_sub_submain { padding: *px;
margin: *px;
} |
| Codice: | <div id="table_submain">
<div id="table_sub_submain"></div>
</div> |
così????
____________________________________________________________
www.cicciofarmaco.tk <<--- My web portfolio |
|
| Torna in cima |
|
|
Coach
amministratore
Età: -1981
Registrato: 31/01/03 13:50
Messaggi: 4549
Località: Verona
|
|
| Torna in cima |
|
|
cicciofarmaco
principiante
Registrato: 13/09/05 20:44
Messaggi: 47
Località: Catania Provincia
|
Oggetto:
Inviato: 27.05.06 | 08:35 |
|
|
Perchè so che ciascun #div è univoco! 
____________________________________________________________
www.cicciofarmaco.tk <<--- My web portfolio |
|
| Torna in cima |
|
|
Coach
amministratore
Età: -1981
Registrato: 31/01/03 13:50
Messaggi: 4549
Località: Verona
|
Oggetto:
Inviato: 27.05.06 | 11:19 |
|
|
Esatto, per quello ti ho consigliato di utilizzare un'unica classe. :)
.
____________________________________________________________
Il Forum è uno strumento di condivisione, oltre a fare DOMANDE, si possono anche dare RISPOSTE! |
|
| Torna in cima |
|
|
cicciofarmaco
principiante
Registrato: 13/09/05 20:44
Messaggi: 47
Località: Catania Provincia
|
Oggetto:
Inviato: 27.05.06 | 11:34 |
|
|
Tu dici di scrivere nella stessa pagina:
| Codice: | <div id="table_submain></div>
<div id="table_submain></div> |
Scusa eh..ma una volta ho usato lo stesso div due volte nella stessa pagina ed il validatore W3C me l'ha segnalato come errore.
____________________________________________________________
www.cicciofarmaco.tk <<--- My web portfolio |
|
| Torna in cima |
|
|
Coach
amministratore
Età: -1981
Registrato: 31/01/03 13:50
Messaggi: 4549
Località: Verona
|
|
| Torna in cima |
|
|
cicciofarmaco
principiante
Registrato: 13/09/05 20:44
Messaggi: 47
Località: Catania Provincia
|
Oggetto:
Inviato: 27.05.06 | 12:19 |
|
|
Capito! Grazie del consiglio.. 
Cmq ho risolto il bug del box model facendo come segue:
| Codice: | <div div="table_submain">
<div class="table_submain_1">
<img src="pantera.gif" alt="" />
<h4>LOREM IPSUM DOLOR SIT AMET</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat. <a href="#">Segue >></a></p>
</div>
</div> |
css | Codice: | #table_submain {
width: 150px;
background-color: #fff;
float: left;
}
.table_submain_1 {
width: 141px;
margin: 2px 3px 2px 2px;
padding: 0px 2px 0px 2px;
float: left;
} |
..purtuttavia i tre divs mi si visualizzano leggermente a dx, ma se aumento il valore del margin-left il terzo mi scende di nuovo sotto, per cui il valore massimo che sono riuscito a dargli è stato 3px.
Vorrei chiederti consiglio su alcuni altri problemi:
1 - #footer: in FF ed Opera appare come dovrebbe, mentre in IE pur avendogli data padding-bottom: 10px mi si visualizza senza spazio inferiore ed inoltre non mi si visulizza il border-bottom sui links, cosa che avviene invece negli altri due.
2 - In Opera e FF il sito mi si visualizza al centro, mentre in IE a sx, pur avendo impostato
| Codice: | margin: opx auto; |
sia nel body che nel #contenitore.
3 - In IE e FF | Codice: | <a href="#">Segue >></a> |
appare di colore grigio scuro, mentre in Opera arancio, come da impostazione
| Codice: | a {
color: #ff6600;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #ff6600;
font-weight: bold;
text-decoration: underline;
} |
Qst test multibrowser è una rottura.. 
____________________________________________________________
www.cicciofarmaco.tk <<--- My web portfolio |
|
| Torna in cima |
|
|
Coach
amministratore
Età: -1981
Registrato: 31/01/03 13:50
Messaggi: 4549
Località: Verona
|
Oggetto:
Inviato: 30.05.06 | 11:47 |
|
|
Allora...
1 - footer
non ho controllato, xchè apportando la modifica per il secondo punto, in locale lo vedevo corretto.
2 - centratura su IE
Il problema è dovuto alla stringa:
| Codice: | <?xml version="1.0" encoding="UTF-8"?> |
E' un documento XHTML e non XML.
3 - css link errato
c'è un errore nel CSS, devi modificare questo code:
| Codice: | #footer a:link, a:visited{
color: #263846;
text-decoration: none;
} |
in questo:
| Codice: | #footer a:link, #footer a:visited{
color: #263846;
text-decoration: none;
} |
...ti sei dimenticato di specificare l'id.
.
____________________________________________________________
Il Forum è uno strumento di condivisione, oltre a fare DOMANDE, si possono anche dare RISPOSTE! |
|
| Torna in cima |
|
|
cicciofarmaco
principiante
Registrato: 13/09/05 20:44
Messaggi: 47
Località: Catania Provincia
|
Oggetto:
Inviato: 30.05.06 | 12:02 |
|
|
Grazie..
____________________________________________________________
www.cicciofarmaco.tk <<--- My web portfolio |
|
| Torna in cima |
|
|
Coach
amministratore
Età: -1981
Registrato: 31/01/03 13:50
Messaggi: 4549
Località: Verona
|
Oggetto:
Inviato: 30.05.06 | 12:48 |
|
|
prego 
____________________________________________________________
Il Forum è uno strumento di condivisione, oltre a fare DOMANDE, si possono anche dare RISPOSTE! |
|
| Torna in cima |
|
|
|
![[ Nascosto ]](templates/subSilver/images/lang_italian/icon_email.gif "[ Nascosto ]"){kind=icon}
