| Precedente :: Successivo |
| Autore |
Messaggio |
pc1751
Eroe in grazia degli dei
Registrato: 17/05/05 18:52
Messaggi: 162
|
 Inviato: 01 Mag 2007 16:48 Oggetto: [box model] css: Problema di margin con ie6 |
 |
|
premetto che nn sono una cima in css. 
Sto impazzendo perche la paginetta qua sottoviene visualizzata correttamente da ff e compagni mentre ie6 fa un margine al box colOne il doppio di quanto impostato nel css (nel caso specifico 20px al posto dei 10 impostati)
mi sapreste per favore dire dov'è l'arcano?
Mi piacerebbe anche sapere come funziona esattamente la riga 42 del codice sotto perchè se la tolgo ie5 continua a funzionare "correttamente" mentre in ff si collassa il box esterno (content)
grazie per l'attenzione 
| Codice: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head><html>
<style type="text/css">
<!--
body {
background: #6E6E6E ;
margin: 0px;
font-family: verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
font-weight: normal;
}
#content {
background: #FFFFFF;
width: 600px;
margin: 0px auto;
padding: 2px 0px 0px 0px;
}
#colOne {
float: right;
width: 340px;
margin-right: 10px;
padding-right: 20px;
padding-left: 20px;
background: #EEEEEE;
}
-->
</style>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="content">
<div id="colOne">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</div>
<div style="clear: both;"> </div>
</div>
</body>
</html>
|
[/code] |
|
| Top |
|
 |
horus
Macchinista
Registrato: 22/03/05 10:48
Messaggi: 2554
Residenza: Sirio e dintorni
|
| Inviato: 02 Mag 2007 13:02 Oggetto: |
|
|
Il problema del margine potrebbe essere causato dalla diversa gestione del box model, qui qualche info.
La proprietà clear invece serve per dire che l'elemento a cui è applicata deve essere libero sul lato indicato o su entrambi i lati. Nei layout si usa in genere dopo un elemento definito float per essere certi che il contenitore sia chiuso dopo la fine dell'elemento interno in quanto l'elemento dichiarato float può uscire dal suo contenitore.
Purtroppo non sono bravo a spiegare a parole, qui trovi un po' di esempi che forse ti aiuteranno a capire. |
|
| Top |
|
|
pc1751
Eroe in grazia degli dei
Registrato: 17/05/05 18:52
Messaggi: 162
|
| Inviato: 03 Mag 2007 08:59 Oggetto: |
|
|
| horus ha scritto: | Il problema del margine potrebbe essere causato dalla diversa gestione del box model, qui qualche info.
|
...mi sembra strano visto che parliamo di ie 6.0
Grazie comunque per le indicazioni riguardo al css float  |
|
| Top |
|
|
horus
Macchinista
Registrato: 22/03/05 10:48
Messaggi: 2554
Residenza: Sirio e dintorni
|
| Inviato: 03 Mag 2007 14:53 Oggetto: |
|
|
Non è detto che ie6 sia totalmente esente, in quirks mode sia ie6 che ie7 mantengono il comportamento errato.
Come si legge su wikipedia (nella pagina segnalata sopra) ad esempio se ci sono errori nell'html può capitare che ie passi al quirks mode.
La tua pagina contiene errori e quindi potrebbe essere questa la causa. Ad esempio, il tag html non può stare dentro il tag head, ecc. Prova a fare una pagina che validi, non è detto che risolva ma almeno potremo escludere questa possibilità. |
|
| Top |
|
|
kluster
Dio maturo
Registrato: 15/04/06 13:14
Messaggi: 2898
|
| Inviato: 03 Mag 2007 15:59 Oggetto: |
 |
|
per quanto riguarda risolvere il problema del box model ti consiglio questi 2 articoli in cui trovi tutte le tecniche per rendere crossbrowser il layout:
Capire il Box Model
ed un ulteriore trucchetto per il box model bypassando hack tramite l'uso del qualificatore !important:
Box Model e Workaround |
|
| Top |
|
|
|
FAQ
Cerca
Lista utenti
Gruppi
Registrati
Profilo
Messaggi privati
Log in
